From af85a5ea8d74e956a3f81969be3e27fb30f76b25 Mon Sep 17 00:00:00 2001
From: Piotrek Tomczewski <piotr.tomczewski@noaignite.com>
Date: Wed, 11 Jan 2023 14:39:20 +0100
Subject: [PATCH] fix(hashtag): fixed hashtag follow button on larger screens
 (#862)

---
 components/main/MainContent.vue | 7 +++----
 components/nav/NavTitle.vue     | 5 ++++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index f67c7c2e..a9a5f43f 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -14,11 +14,10 @@ defineProps<{
       pt="[env(safe-area-inset-top,0)]"
       border="b base" bg="[rgba(var(--c-bg-base-rgb),0.7)]"
     >
-      <div xl:hidden flex justify-between px5 py2>
+      <div flex justify-between px5 py2 :class="{ 'xl:hidden': $route.name !== 'tag' }">
         <div flex gap-3 items-center overflow-hidden py2>
           <NuxtLink
-            v-if="backOnSmallScreen || back" flex="~ gap1" items-center btn-text p-0
-            :class="{ 'lg:hidden': backOnSmallScreen }"
+            v-if="backOnSmallScreen || back" flex="~ gap1" items-center btn-text p-0 lg:hidden
             :aria-label="$t('nav.back')"
             @click="$router.go(-1)"
           >
@@ -38,7 +37,7 @@ defineProps<{
       </div>
       <slot name="header" />
     </div>
-    <div hidden xl:block h-6 />
+    <div :class="{ 'xl:block': $route.name !== 'tag' }" hidden h-6 />
     <slot />
   </div>
 </template>
diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
index d5d37695..0bb7bddd 100644
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@@ -26,7 +26,10 @@ router.afterEach(() => {
         {{ $t('app_name') }} <sup text-sm italic text-secondary mt-1>{{ env === 'release' ? 'alpha' : env }}</sup>
       </div>
     </NuxtLink>
-    <div hidden xl:flex items-center me-8 mt-2 :class="{ 'pointer-events-none op40': !back || back === '/' }">
+    <div
+      hidden xl:flex items-center me-8 mt-2
+      :class="{ 'pointer-events-none op40': !back || back === '/', 'xl:flex': $route.name !== 'tag' }"
+    >
       <NuxtLink
         :aria-label="$t('nav.back')"
         @click="$router.go(-1)"