arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +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="borderClass" />
<div v-if="label || icon || avatar || $slots.default" :class="containerClass">
<slot>
<span v-if="label" :class="ui.label">
{{ label }}
</span>
<UIcon v-else-if="icon" :name="icon" :class="ui.icon.base" />
<UAvatar v-else-if="avatar" v-bind="{ size: ui.avatar.size, ...avatar }" :class="ui.avatar.base" />
</slot>
</div>
<template v-if="label || icon || avatar || $slots.default">
<div :class="containerClass">
<slot>
<span v-if="label" :class="ui.label">
{{ label }}
</span>
<UIcon v-else-if="icon" :name="icon" :class="ui.icon.base" />
<UAvatar v-else-if="avatar" v-bind="{ size: ui.avatar.size, ...avatar }" :class="ui.avatar.base" />
</slot>
</div>
<div :class="borderClass" />
<div :class="borderClass" />
</template>
</div>
</template>