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

reverse the divider hr, update title weight

Browse Source
This commit is contained in:
Ben Haynes
2021-01-13 18:31:25 -05:00
parent 1cfa09e46c
commit 9160a28f5f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/components/v-divider/v-divider.vue
View File

@@ -1,10 +1,10 @@
<template>
<div class="v-divider" :class="{ vertical, inlineTitle, large }">
<hr role="separator" :aria-orientation="vertical ? 'vertical' : 'horizontal'" />
<span v-if="$slots.icon || $slots.default" class="wrapper">
<slot name="icon" class="icon" />
<span v-if="!vertical && $slots.default" class="type-text"><slot /></span>
</span>
<hr role="separator" :aria-orientation="vertical ? 'vertical' : 'horizontal'" />
</div>
</template>
@@ -32,7 +32,7 @@ export default defineComponent({
<style>
body {
--v-divider-color: var(--border-normal);
--v-divider-label-color: var(--foreground-subdued);
--v-divider-label-color: var(--foreground-normal-alt);
}
</style>
@@ -49,7 +49,7 @@ body {
flex-grow: 1;
order: 1;
max-width: 100%;
margin-bottom: 8px;
margin-top: 8px;
border: solid;
border-color: var(--v-divider-color);
border-width: 2px 0 0 0;
@@ -71,7 +71,7 @@ body {
}
&.large .type-text {
font-weight: 400;
font-weight: 700;
font-size: 24px;
}