From 868c5f5d2bc85ce06e48978209e8653f9c5ac845 Mon Sep 17 00:00:00 2001
From: Michel EDIGHOFFER <edimitchel@gmail.com>
Date: Tue, 17 Jan 2023 22:40:21 +0100
Subject: [PATCH] fix: full width + add no overflow hidden option

---
 components/main/MainContent.vue | 4 ++--
 pages/[[server]]/explore.vue    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index fce37afa..23ba1307 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -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 />
diff --git a/pages/[[server]]/explore.vue b/pages/[[server]]/explore.vue
index 552c028b..565a2872 100644
--- a/pages/[[server]]/explore.vue
+++ b/pages/[[server]]/explore.vue
@@ -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>