Merge pull request #3568 from easyops-cn/sailorshe/master/updateStyle6

chore(): add css variables
easyops-cn · Oct 20, 2023 · 5f06c8b · 5f06c8b
2 parents 800d1f3 + ad2b099
commit 5f06c8b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/brick-container/src/styles/variables.css b/packages/brick-container/src/styles/variables.css
@@ -57,6 +57,11 @@
   --launchpad-backdrop-transition: filter 100ms ease-out;
 
   --page-padding: 24px;
+  --page-padding-top: 24px;
+  --page-padding-right: 24px;
+  --page-padding-bottom: 24px;
+  --page-padding-left: 24px;
+
   --page-title-with-breadcrumb-margin-top: 12px;
   --page-title-padding: 24px 24px 0 24px;
   --page-title-font-weight: 500;

diff --git a/packages/brick-container/src/styles/version/ui-v8-2.css b/packages/brick-container/src/styles/version/ui-v8-2.css
@@ -1,7 +1,6 @@
 /* common */
 body.ui-v8-2 {
   --body-background: var(--color-fill-global-bg-1);
-  --page-title-padding: 16px 24px 0 24px;
   --page-title-margin-top: 0px;
   --page-title-margin-bottom: 16px;
   --page-title-with-breadcrumb-margin-top: 10px;
@@ -10,9 +9,11 @@ body.ui-v8-2 {
   --page-title-line-height: 28px;
   --page-title-toolbar-height: 28px;
 
-  --page-content-padding: 0 24px 24px 24px;
-
   --page-padding: 16px 24px 24px 24px;
+  --page-padding-top: 16px;
+  --page-padding-right: 24px;
+  --page-padding-bottom: 24px;
+  --page-padding-left: 24px;
 
   --wide-color: "#F4F6F9";