From f542011b55fd7976e48be29168f4b93911328e5f Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Wed, 21 Dec 2022 15:10:37 +0100
Subject: [PATCH] fix: responsive sign in after icon-only sidebar

---
 components/main/MainContent.vue     | 2 +-
 components/nav/NavUser.vue          | 4 ++--
 components/user/UserSignInEntry.vue | 2 +-
 layouts/default.vue                 | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index ffea661f..82783a54 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -22,7 +22,7 @@ defineProps<{
         </div>
         <div flex items-center flex-shrink-0 gap-x-2>
           <slot name="actions" />
-          <NavUser v-if="isHydrated" sm:hidden />
+          <NavUser v-if="isHydrated" />
         </div>
       </div>
       <slot name="header" />
diff --git a/components/nav/NavUser.vue b/components/nav/NavUser.vue
index 942752d9..ebffe03c 100644
--- a/components/nav/NavUser.vue
+++ b/components/nav/NavUser.vue
@@ -1,5 +1,5 @@
 <template>
-  <VDropdown v-if="isMastoInitialised && currentUser">
+  <VDropdown v-if="isMastoInitialised && currentUser" sm:hidden>
     <div style="-webkit-touch-callout: none;">
       <AccountAvatar
         ref="avatar"
@@ -13,7 +13,7 @@
       <UserSwitcher ref="switcher" @click="hide()" />
     </template>
   </VDropdown>
-  <button v-else btn-solid text-sm px-2 py-1 text-center @click="openSigninDialog()">
+  <button v-else btn-solid text-sm px-2 py-1 text-center lg:hidden @click="openSigninDialog()">
     {{ $t('action.sign_in') }}
   </button>
 </template>
diff --git a/components/user/UserSignInEntry.vue b/components/user/UserSignInEntry.vue
index 9bd1cea2..f210c2cc 100644
--- a/components/user/UserSignInEntry.vue
+++ b/components/user/UserSignInEntry.vue
@@ -1,5 +1,5 @@
 <template>
-  <div p8 flex="~ col gap4">
+  <div p8 flex="~ col gap4" hidden lg:block>
     <p v-if="isMastoInitialised" text-sm>
       Viewing <strong>{{ currentServer }}</strong> public data
     </p>
diff --git a/layouts/default.vue b/layouts/default.vue
index 6d5ba1e9..98a955d4 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -14,7 +14,7 @@
                 <PublishButton v-if="isMastoInitialised && currentUser" m5 />
               </div>
               <div flex flex-col>
-                <UserSignInEntry v-if="isMastoInitialised && !currentUser" />
+                <UserSignInEntry v-if="isMastoInitialised && !currentUser && !isSmallScreen && !isMediumScreen" />
                 <div v-if="isMastoInitialised && currentUser" p6 pb8 w-full flex="~" items-center justify-between>
                   <NuxtLink
                     v-if="!isMediumScreen"