hotfix(client): fix height of sidebar (#61)

* hotfix: sidebar height * fix: fix width of message modal * fix(client): fix prettier
Anh-Duy-Tran · Nov 6, 2023 · 819ffe6 · 819ffe6
1 parent d6ffea3
commit 819ffe6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/MessageModal/messageModal.css b/src/components/MessageModal/messageModal.css
@@ -5,7 +5,7 @@
     @apply fixed top-0 left-0 w-screen z-50 h-screen bg-white/40 dark:bg-black/60 backdrop-blur-[2px] desktopHD:backdrop-blur-[3px] touch-none;
   }
   .message-modal-container {
-    @apply relative flex flex-col translate-x-[-50%] translate-y-[-50%] top-[50%] left-[50%] w-[500px] max-h-[400px] bg-white dark:bg-black;
+    @apply relative flex flex-col translate-x-[-50%] translate-y-[-50%] top-[50%] left-[50%] w-[95vw] tablet:w-[500px] max-h-[400px] bg-white dark:bg-black;
   }
 
   .loading-modal-container {

diff --git a/src/components/Sidebar/sidebar.css b/src/components/Sidebar/sidebar.css
@@ -6,7 +6,7 @@
   }
 
   .sidebar-container {
-    @apply w-screen min-h-[-webkit-fill-available] flex flex-col
+    @apply w-screen h-[-webkit-fill-available] flex flex-col
            z-20 tablet:ml-[-10px] tablet:h-[80vh]
            border border-black dark:border-white
            bg-white dark:bg-black