From cf2d22cb5e9973d565d20b95cfca3be32c768e05 Mon Sep 17 00:00:00 2001
From: webfansplz <308241863@qq.com>
Date: Tue, 29 Nov 2022 20:54:41 +0800
Subject: [PATCH] fix(ui): responsive design (#216)

---
 layouts/default.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 31e95a32..46b4cf56 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -14,10 +14,10 @@
         </div>
       </aside>
       <NavBottom v-if="isSmallScreen" />
-      <div class="w-full mb14 md:(w-2/4 mb0) min-h-screen" border="l r base">
+      <div class="w-full mb14 md:(w-3/4 mb0) lg:(w-2/4 mb0) min-h-screen" border="l r base">
         <slot />
       </div>
-      <aside class="hidden md:block w-1/4 zen-hide">
+      <aside class="hidden md:none lg:block w-1/4 zen-hide">
         <div sticky top-0 h-screen flex="~ col">
           <slot name="right">
             <UserSignInEntry v-if="!currentUser" />
@@ -29,8 +29,9 @@
               <button
                 m5 p2 rounded-full text-start w-full
                 hover:bg-active cursor-pointer transition-100
+                class="md:(w-7.5/10 rounded-5)"
               >
-                <AccountInfo :account="currentUser.account" />
+                <AccountInfo :account="currentUser.account" md:flex="col" md:break-words />
               </button>
               <template #popper>
                 <UserSwitcher />