teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki 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

13
components/main/MainContent.vue
View file

@ -11,17 +11,18 @@ 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 />
<slot name="actions" /> </div>
<NavUser v-if="isMediumScreen" /> <div flex items-center flex-shrink-0>
</div> <slot name="actions" />
<NavUser v-if="isMediumScreen" />
</div> </div>
</div> </div>
<slot name="header" /> <slot name="header" />