fix: full width + add no overflow hidden option

This commit is contained in:
Michel EDIGHOFFER 2023-01-17 22:40:21 +01:00
parent 72dc3617dd
commit 868c5f5d2b
2 changed files with 3 additions and 3 deletions

View file

@ -16,7 +16,7 @@ defineProps<{
border="b base" bg="[rgba(var(--rbg-bg-base),0.7)]" border="b base" bg="[rgba(var(--rbg-bg-base),0.7)]"
> >
<div flex justify-between px5 py2 :class="{ 'xl:hidden': $route.name !== 'tag' }"> <div flex justify-between px5 py2 :class="{ 'xl:hidden': $route.name !== 'tag' }">
<div flex gap-3 items-center :overflow-hidden="!noOverflowHidden" py2> <div flex gap-3 items-center :overflow-hidden="!noOverflowHidden ? '' : false" py2 w-full>
<NuxtLink <NuxtLink
v-if="backOnSmallScreen || back" flex="~ gap1" items-center btn-text p-0 xl:hidden v-if="backOnSmallScreen || back" flex="~ gap1" items-center btn-text p-0 xl:hidden
:aria-label="$t('nav.back')" :aria-label="$t('nav.back')"
@ -24,7 +24,7 @@ defineProps<{
> >
<div i-ri:arrow-left-line class="rtl-flip" /> <div i-ri:arrow-left-line class="rtl-flip" />
</NuxtLink> </NuxtLink>
<div :truncate="!noOverflowHidden"> <div :truncate="!noOverflowHidden ? '' : false" w-full>
<slot name="title" /> <slot name="title" />
</div> </div>
<div h-7 w-1px /> <div h-7 w-1px />

View file

@ -26,7 +26,7 @@ const tabs = $computed(() => [
<template> <template>
<MainContent no-overflow-hidden> <MainContent no-overflow-hidden>
<template #title> <template #title>
<SearchWidget ref="search" flex-grow class="m-1" /> <SearchWidget ref="search" class="m-1" />
</template> </template>
<template #header> <template #header>