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)]"
>
<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
v-if="backOnSmallScreen || back" flex="~ gap1" items-center btn-text p-0 xl:hidden
:aria-label="$t('nav.back')"
@ -24,7 +24,7 @@ defineProps<{
>
<div i-ri:arrow-left-line class="rtl-flip" />
</NuxtLink>
<div :truncate="!noOverflowHidden">
<div :truncate="!noOverflowHidden ? '' : false" w-full>
<slot name="title" />
</div>
<div h-7 w-1px />

View file

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