refactor: ui/ux

src/global.less

@@ -4,6 +4,8 @@
 @import url('./overrides.less');
 
 html {
+  --page-header-height: 56px;
+  --page-content-padding: 8px;
   --color-text-light-1: rgba(255, 255, 255, 90%);
   --color-fill-1: var(--ant-color-bg-container);
   --color-scrollbar-thumb: rgba(193, 193, 193, 80%);
@@ -22,8 +24,8 @@ html {
   --color-fill-3: #f3f6fa;
   --color-logs-bg: #1e1e1e;
   --color-logs-text: #d4d4d4;
-  --layout-content-blockpadding: 32px;
-  --layout-content-inlinepadding: 32px;
+  --layout-content-blockpadding: 24px;
+  --layout-content-inlinepadding: 24px;
   --layout-content-header-inlinepadding: 40px;
   --border-radius-modal: 12px;
   --menu-border-radius-base: 4px;
@@ -120,6 +122,8 @@ html[data-theme='light'] {
     background-color: #fff !important;
     transition: none !important;
   }
+
+  background-color: #f5f5f5;
 }
 
 body {
@@ -275,7 +279,7 @@ body {
     }
 
     .ant-pro-sider .ant-layout-sider-children {
-      border-right: 1px solid var(--ant-color-split);
+      // border-right: 1px solid var(--ant-color-split);
     }
   }
 
@@ -336,7 +340,7 @@ body {
   .ant-pro-layout-container {
     overflow-x: auto;
     min-height: 100vh;
-    background-color: var(--ant-color-bg-container);
+    // background-color: var(--ant-color-bg-container);
   }
 
   .ant-pro-sider {
@@ -819,3 +823,7 @@ body {
 .ant-drawer .ant-drawer-mask.ant-drawer-mask-blur {
   backdrop-filter: blur(2px);
 }
+
+.ant-pro-grid-content {
+  padding-right: 8px;
+}