From 2d13034ab1c27c342bc1cd8813d8938db329ebfa Mon Sep 17 00:00:00 2001
From: develite98 <phongcao3091998@gmail.com>
Date: Wed, 20 Dec 2023 14:58:52 +0700
Subject: [PATCH] feat(): update layout app

---
 .../database-detail/database-detail.component.scss       | 4 ++--
 libs/mix-share/src/modules/database/database.layout.ts   | 4 ++--
 libs/share-styles/src/styles/shares/page-detail.scss     | 5 +++--
 libs/share-styles/src/styles/shares/page-list.scss       | 9 ++++-----
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/libs/mix-share/src/modules/database/database-detail/database-detail.component.scss b/libs/mix-share/src/modules/database/database-detail/database-detail.component.scss
index 1b2c9d96..5e5b5244 100644
--- a/libs/mix-share/src/modules/database/database-detail/database-detail.component.scss
+++ b/libs/mix-share/src/modules/database/database-detail/database-detail.component.scss
@@ -7,8 +7,8 @@
     width: 255px;
     height: calc(100% - 8px);
     background-color: var(--background-color-primary);
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
+    border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;
     overflow: auto;
     margin-right: -4px;
     margin-top: 4px;
diff --git a/libs/mix-share/src/modules/database/database.layout.ts b/libs/mix-share/src/modules/database/database.layout.ts
index c5b9187d..39df9a70 100644
--- a/libs/mix-share/src/modules/database/database.layout.ts
+++ b/libs/mix-share/src/modules/database/database.layout.ts
@@ -29,10 +29,10 @@ import { DbUiStore } from './store/db-ui.store';
   styles: `
   .database-menu {
     height: unset !important;
-    padding: 4px 12px !important;
+    padding: 4px 14px !important;
     background: var(--background-color-primary);
     border: 1px solid var(--tui-base-04);
-    border-radius: 6px;
+    border-radius: 8px;
   }
 `,
 })
diff --git a/libs/share-styles/src/styles/shares/page-detail.scss b/libs/share-styles/src/styles/shares/page-detail.scss
index cd319080..9146243e 100644
--- a/libs/share-styles/src/styles/shares/page-detail.scss
+++ b/libs/share-styles/src/styles/shares/page-detail.scss
@@ -4,7 +4,6 @@
   position: relative;
   --wallpaper-height: 300px;
   background-color: var(--background-color-primary);
-  // border: 1px solid var(--border-color-default);
   overflow: hidden;
 
   fieldset {
@@ -105,7 +104,9 @@
     height: 100%;
     box-shadow: 0px 4px 22px 0px #00000033;
     border: 1px solid var(--tui-base-04);
-    // overflow: hidden;
+    border-top-left-radius: 12px;
+    border-bottom-left-radius: 12px;
+    overflow: hidden;
   }
 
   &__content {
diff --git a/libs/share-styles/src/styles/shares/page-list.scss b/libs/share-styles/src/styles/shares/page-list.scss
index fe0618a4..05337a46 100644
--- a/libs/share-styles/src/styles/shares/page-list.scss
+++ b/libs/share-styles/src/styles/shares/page-list.scss
@@ -34,8 +34,8 @@
   &__action-bar {
     height: calc(100% - 4px);
     background-color: var(--background-color-primary);
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
+    border-top-left-radius: 12px;
+    border-bottom-left-radius: 12px;
     overflow: auto;
     margin-right: -4px;
   }
@@ -81,13 +81,12 @@
     display: flex;
     flex-direction: column;
     background-color: var(--background-color-primary);
-    border-top-left-radius: 6px;
-    border-bottom-left-radius: 6px;
+    border-top-left-radius: 12px;
+    border-bottom-left-radius: 12px;
     border: 1px solid var(--tui-base-04);
     overflow: hidden;
     flex-grow: 1;
     z-index: 1;
-    box-shadow: 0px 4px 22px 0px #00000033;
   }
 
   &__detail-container {