Nikurasu/elk
1
0
Fork 0
forked from Mirrors/elk
Code Pull requests Releases 2 Packages Activity

fix(ui): truncate header text

Browse source 
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
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/main/MainContent.vue
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 />