feat(): update layout app

mixcore · Dec 20, 2023 · 2d13034 · 2d13034 · vercel · Dec 20, 2023
1 parent d80f85d
commit 2d13034
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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 {