fix(ui): truncate header text

fix #311
This commit is contained in:
三咲智子 2022-12-04 22:26:42 +08:00
parent cbd5867275
commit 39676dab5f
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E

View file

@ -11,19 +11,20 @@ defineProps<{
border="b base" bg-base border="b base" bg-base
> >
<div flex justify-between px5 py4> <div flex justify-between px5 py4>
<div flex gap-3 items-center> <div flex gap-3 items-center overflow-hidden>
<NuxtLink v-if="back" flex="~ gap1" items-center btn-text p-0 @click="$router.go(-1)"> <NuxtLink v-if="back" flex="~ gap1" items-center btn-text p-0 @click="$router.go(-1)">
<div i-ri:arrow-left-line /> <div i-ri:arrow-left-line />
</NuxtLink> </NuxtLink>
<div line-clamp-1> <div truncate>
<slot name="title" /> <slot name="title" />
</div> </div>
<div flex items-center shrink-0> <div h-7 w-1px />
</div>
<div flex items-center flex-shrink-0>
<slot name="actions" /> <slot name="actions" />
<NavUser v-if="isMediumScreen" /> <NavUser v-if="isMediumScreen" />
</div> </div>
</div> </div>
</div>
<slot name="header" /> <slot name="header" />
</div> </div>
<slot /> <slot />