Преглед изворни кода

[web-app]bugfix深色主题适配问题

tomsun28 пре 3 година
родитељ
комит
a6c3384e3e

+ 2 - 1
web-app/src/app/layout/passport/passport.component.html

@@ -11,7 +11,8 @@
     <router-outlet></router-outlet>
     <global-footer [links]="links">
       Copyright
-      <i class="anticon anticon-copyright"></i> 2021
+      <i nz-icon nzType="copyright" nzTheme="outline"></i>
+      2021
       <a href="https://tancloud.cn" target="_blank">探云 tancloud.cn | </a>
       <a href="https://hertzbeat.com" target="_blank">赫兹跳动 hertzbeat.com</a>
     </global-footer>

+ 6 - 0
web-app/src/app/layout/passport/passport.component.less

@@ -81,6 +81,12 @@
     .desc {
       color: fade(@white, 45%);
     }
+    .global-footer__copyright {
+      color: fade(@white, 45%);
+    }
+    .global-footer__links-item {
+      color: fade(@white, 45%);
+    }
     @media (min-width: @screen-md-min) {
       .container {
         background-image: none;

+ 8 - 0
web-app/src/app/routes/monitor/monitor-detail/monitor-detail.component.less

@@ -23,3 +23,11 @@ p {
   word-wrap: break-word;
   word-break: break-all;
 }
+
+[data-theme='dark'] {
+  :host ::ng-deep {
+    .ant-layout-sider-light {
+      background: #141414;
+    }
+  }
+}

+ 8 - 0
web-app/src/app/routes/passport/lock/lock.component.less

@@ -10,3 +10,11 @@
     margin-left: -20px;
   }
 }
+
+[data-theme='dark'] {
+  :host ::ng-deep {
+    .ant-card {
+      background-color: black;
+    }
+  }
+}

+ 3 - 0
web-app/src/app/routes/passport/login/login.component.less

@@ -49,5 +49,8 @@
         color: #fff;
       }
     }
+    .ant-checkbox-wrapper {
+      color: fade(@white, 45%);
+    }
   }
 }