ソースを参照

feat: header背景修改

lanjianrong 5 年 前
コミット
48f67132e4
2 ファイル変更30 行追加7 行削除
  1. 27 4
      src/global.less
  2. 3 3
      src/layouts/BasicLayout.less

+ 27 - 4
src/global.less

@@ -17,11 +17,34 @@ body,
 //   background: #595284;
 //   border-left: 3px solid #886ab5;
 // }
-.ant-layout-header{
-  background: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%);
+.ant-layout-header {
+  background: linear-gradient(
+    to right,
+    #584475 0%,
+    #7c62a4 50%,
+    #7c62a4 50%,
+    #584475 100%
+  ) !important;
 }
-.ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header{
-  background: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%);
+.ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header {
+  background: linear-gradient(
+    to right,
+    #584475 0%,
+    #7c62a4 50%,
+    #7c62a4 50%,
+    #584475 100%
+  ) !important;
+}
+.ant-menu-dark .ant-menu-sub,
+.ant-menu.ant-menu-dark,
+.ant-menu.ant-menu-dark .ant-menu-sub {
+  background: linear-gradient(
+    to right,
+    #584475 0%,
+    #7c62a4 50%,
+    #7c62a4 50%,
+    #584475 100%
+  ) !important;
 }
 .ant-menu-dark .ant-menu-inline.ant-menu-sub {
   background: #ffffff;

+ 3 - 3
src/layouts/BasicLayout.less

@@ -8,9 +8,9 @@
     padding: 0;
   }
 
-  :global(.ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header) {
-    background-color: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%);
-  }
+  // :global(.ant-pro-basicLayout .ant-layout-header.ant-pro-fixed-header) {
+  //   background-color: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 100%);
+  // }
 
   :global(.ant-menu-dark .ant-menu-inline.ant-menu-sub) {
     color: #333333;