fix: responsive sign in after icon-only sidebar

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" />

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>

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>

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"