From 3301098aa1b8d320170c4dc6b43eb6b7051d61e2 Mon Sep 17 00:00:00 2001
From: Kenta420-Poom <poomipat002@gmail.com>
Date: Thu, 21 Sep 2023 12:45:47 +0700
Subject: [PATCH] update layout for good responsive

---
 client/src/app/core/layout/layout.component.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/app/core/layout/layout.component.html b/client/src/app/core/layout/layout.component.html
index 92b5eb8..f12fb91 100644
--- a/client/src/app/core/layout/layout.component.html
+++ b/client/src/app/core/layout/layout.component.html
@@ -24,7 +24,7 @@
             ></path>
           </svg>
         </button>
-        <a routerLink="/dashboard" class="flex ml-2 md:mr-24 max-sm:hidden">
+        <a routerLink="/dashboard" class="flex ml-14 max-sm:hidden">
           <img
             src="assets/logo.svg"
             class="h-10 md:h-20 px-4"
@@ -117,7 +117,7 @@
 
 <aside
   id="logo-sidebar"
-  class="fixed top-0 left-0 z-40 w-64 h-screen pt-28 transition-transform -translate-x-full bg-primary border-r border-gray-200 sm:translate-x-0"
+  class="fixed top-0 left-0 z-40 w-64 h-screen sm:pt-20 md:pt-28 transition-transform -translate-x-full bg-primary border-r border-gray-200 sm:translate-x-0"
   aria-label="Sidebar"
 >
   <div class="h-full px-3 pb-4 overflow-y-auto bg-primary">
@@ -142,7 +142,9 @@
 </aside>
 
 <div class="px-4 pt-16 sm:ml-64">
-  <div class="p-4 border-2 border-gray-200 border-dashed rounded-lg mt-14">
+  <div
+    class="p-4 border-2 border-gray-200 border-dashed rounded-lg sm:mt-5 md:mt-14"
+  >
     <div class="grid grid-cols-1 gap-4 mb-4">
       <router-outlet></router-outlet>
     </div>