arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-01 04:37:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Divider): display a single border when no content

Browse Source
This commit is contained in:
Benjamin Canac
2023-10-05 15:13:57 +02:00
parent eb9ce6a0dd
commit 3c5c3389f8
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/runtime/components/layout/Divider.vue
View File

@@ -2,17 +2,19 @@
<div :class="wrapperClass" v-bind="attrs"> <div :class="wrapperClass" v-bind="attrs">
<div :class="borderClass" /> <div :class="borderClass" />
<div v-if="label || icon || avatar || $slots.default" :class="containerClass"> <template v-if="label || icon || avatar || $slots.default">
<slot> <div :class="containerClass">
<span v-if="label" :class="ui.label"> <slot>
{{ label }} <span v-if="label" :class="ui.label">
</span> {{ label }}
<UIcon v-else-if="icon" :name="icon" :class="ui.icon.base" /> </span>
<UAvatar v-else-if="avatar" v-bind="{ size: ui.avatar.size, ...avatar }" :class="ui.avatar.base" /> <UIcon v-else-if="icon" :name="icon" :class="ui.icon.base" />
</slot> <UAvatar v-else-if="avatar" v-bind="{ size: ui.avatar.size, ...avatar }" :class="ui.avatar.base" />
</div> </slot>
</div>
<div :class="borderClass" /> <div :class="borderClass" />
</template>
</div> </div>
</template> </template>