github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-26 03:38:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

tabs and markdown styling

Browse Source
This commit is contained in:
Ben Haynes
2020-08-19 16:14:13 -04:00
parent cc597ecc0d
commit 53a951fb65
4 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/src/components/v-tabs/v-tab/v-tab.vue
View File

@@ -52,8 +52,7 @@ body {
.v-tab.horizontal {
color: var(--v-tab-color);
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
font-size: 14px;
background-color: var(--v-tab-background-color);
&.active {

6
app/src/components/v-tabs/v-tabs.vue
View File

@@ -76,14 +76,14 @@ body {
flex-shrink: 0;
align-items: center;
justify-content: center;
height: 44px;
padding: 12px 20px;
height: 38px;
padding: 8px 20px;
cursor: pointer;
}
.slider {
position: absolute;
bottom: 0;
bottom: -2px;
left: calc(100% / var(--_v-tabs-items) * var(--_v-tabs-selected));
width: calc(100% / var(--_v-tabs-items));
height: 2px;

21
app/src/interfaces/markdown/markdown.vue
View File

@@ -7,7 +7,7 @@
{{ $t('edit') }}
</v-tab>
<v-tab>
<v-icon name="visibility" left />
<v-icon name="visibility" outline left />
{{ $t('preview') }}
</v-tab>
</v-tabs>
@@ -65,16 +65,25 @@ export default defineComponent({
--v-textarea-min-height: var(--input-height-tall);
--v-textarea-max-height: 400px;
--v-tab-color: var(--foreground-normal);
--v-tab-background-color: var(--background-subdued);
--v-tab-color-active: var(--foreground-normal);
--v-tab-background-color-active: var(--background-subdued);
display: flex;
flex-wrap: wrap;
.toolbar {
width: 100%;
height: 42px;
border: var(--border-width) solid var(--border-normal);
border-radius: var(--border-radius) var(--border-radius) 0 0;
background-color: var(--background-subdued);
}
.v-textarea {
height: unset;
min-height: var(--input-height-tall);
border-radius: var(--border-radius) 0 0 var(--border-radius);
}
@@ -109,15 +118,17 @@ export default defineComponent({
::v-deep {
.preview {
font-weight: 400;
font-weight: 500;
font-size: 14px;
line-height: 1.6;
& > *:first-child {
margin-top: 0;
}
& > *:last-child {
margin-bottom: 0;
}
a {
text-decoration: underline;
}
h1,
h2,
h3,
@@ -221,10 +232,6 @@ export default defineComponent({
margin-top: 0;
padding-top: 0;
}
& > h1:first-child + h2 {
margin-top: 0;
padding-top: 0;
}
& > h3:first-child,
& > h4:first-child,
& > h5:first-child,

1
app/src/lang/en-US/index.json
View File

@@ -418,6 +418,7 @@
"select_an_item": "Select an item...",
"edit": "Edit",
"preview": "Preview",
"enabled": "Enabled",