feat(): update scss screen resolution

mixcore · Oct 8, 2023 · e2c41ac · e2c41ac · vercel · Oct 8, 2023
1 parent 4cdb23a
commit e2c41ac
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 9 deletions.
diff --git a/apps/mix-cms/src/app/components/database-select/database-select.component.scss b/apps/mix-cms/src/app/components/database-select/database-select.component.scss
@@ -31,8 +31,8 @@
     display: flex;
     align-items: center;
     font-weight: 500;
-    gap: 6px;
-    padding: 6px;
+    gap: 0.5rem;
+    padding: 0.5rem;
     border-radius: 4px;
     overflow: hidden;
     cursor: pointer;

diff --git a/apps/mix-cms/src/app/components/main-side-menu/main-side-menu.component.scss b/apps/mix-cms/src/app/components/main-side-menu/main-side-menu.component.scss
@@ -48,7 +48,6 @@
 
   &__child-item {
     padding: 10px 10px 10px 24px;
-    font-size: 12px;
     display: flex;
     align-items: center;
     background-color: var(--child-menu-active-color);
@@ -82,19 +81,19 @@
 
   &__item {
     width: 100%;
-    min-height: 48px;
+    min-height: 2rem;
     border-radius: var(--border-radius-default);
     margin-bottom: 4px;
     cursor: pointer;
     position: relative;
     justify-content: flex-start;
     display: flex;
-    padding: 14px 0px;
+    padding: 0.75rem 0px;
     flex-direction: column;
 
     &.--fixed {
       max-width: 56px;
-      height: 32px;
+      height: 2rem;
       margin: unset;
       min-height: unset;
       padding: 6px 0px !important;

diff --git a/apps/mix-cms/src/assets/styles/ag-table.scss b/apps/mix-cms/src/assets/styles/ag-table.scss
@@ -9,6 +9,7 @@
   --ag-background-color: var(--background-color-primary);
   --ag-cell-horizontal-border: 1px solid var(--border-color-default);
   --ag-header-height: 32px;
-  --ag-row-height: 40px;
+  --ag-row-height: 2.5rem;
   --ag-row-hover-color: rgba(233, 234, 237, 0.5);
+  --ag-font-size: inherit !important;
 }
diff --git a/apps/mix-cms/src/assets/styles/reboot/index.scss b/apps/mix-cms/src/assets/styles/reboot/index.scss
@@ -1,3 +1,4 @@
 @import './reboot.scss';
 @import './reboot.full-hd.scss';
 @import './reboot.ultra-hd.scss';
+@import './reboot.hd.scss';
diff --git a/apps/mix-cms/src/assets/styles/reboot/reboot.hd.scss b/apps/mix-cms/src/assets/styles/reboot/reboot.hd.scss
@@ -1,6 +1,6 @@
 @media only screen and (max-width: 1660px) {
   html,
   body {
-    font-size: var(--text-size-xs, 0.75rem) !important;
+    font-size: var(--text-size-xs) !important;
   }
 }
diff --git a/apps/mix-cms/src/assets/styles/variables.scss b/apps/mix-cms/src/assets/styles/variables.scss
@@ -47,7 +47,7 @@ html {
   --text-03: var(--tui-text-03);
 
   --text-size-xxs: 0.625rem;
-  --text-size-xs: 0.75rem;
+  --text-size-xs: 0.8rem;
   --text-size-s: 0.875rem;
   --text-size-m: 1rem;
   --text-size-l: 1.125rem;