优化深色模式

2022-05-01 19:17:07 +08:00
parent 14546c1d30
commit 62f42993fb
7 changed files with 152 additions and 224 deletions
@@ -52,69 +52,67 @@ function onGoToGiteeClick() {
 </script>

 <style lang="scss">
-.layout-navbars-breadcrumb-user-news {
-  .head-box {
-    display: flex;
-    border-bottom: 1px solid #ebeef5;
-    box-sizing: border-box;
-    color: #333333;
-    justify-content: space-between;
-    height: 35px;
-    align-items: center;
-    .head-box-btn {
-      color: #1890ff;
-      font-size: 13px;
-      cursor: pointer;
-      opacity: 0.8;
-      &:hover {
-        opacity: 1;
-      }
-    }
-  }
-  .content-box {
-    font-size: 13px;
-    .content-box-item {
-      padding-top: 12px;
-      &:last-of-type {
-        padding-bottom: 12px;
-      }
-      .content-box-msg {
-        color: #999999;
-        margin-top: 5px;
-        margin-bottom: 5px;
-      }
-      .content-box-time {
-        color: #999999;
-      }
-    }
-    .content-box-empty {
-      height: 260px;
-      display: flex;
-      .content-box-empty-margin {
-        margin: auto;
-        text-align: center;
-        i {
-          font-size: 60px;
-        }
-      }
-    }
-  }
-  .foot-box {
-    height: 35px;
+.head-box {
+  display: flex;
+  border-bottom: 1px solid #ebeef5;
+  box-sizing: border-box;
+  color: #333333;
+  justify-content: space-between;
+  height: 35px;
+  align-items: center;
+  .head-box-btn {
    color: #1890ff;
    font-size: 13px;
    cursor: pointer;
    opacity: 0.8;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-top: 1px solid #ebeef5;
    &:hover {
      opacity: 1;
    }
  }
-  :deep(.el-empty__description p) {
-    font-size: 13px;
+}
+.content-box {
+  font-size: 13px;
+  .content-box-item {
+    padding-top: 12px;
+    &:last-of-type {
+      padding-bottom: 12px;
+    }
+    .content-box-msg {
+      color: #999999;
+      margin-top: 5px;
+      margin-bottom: 5px;
+    }
+    .content-box-time {
+      color: #999999;
+    }
+  }
+  .content-box-empty {
+    height: 260px;
+    display: flex;
+    .content-box-empty-margin {
+      margin: auto;
+      text-align: center;
+      i {
+        font-size: 60px;
+      }
+    }
  }
 }
+.foot-box {
+  height: 35px;
+  color: #1890ff;
+  font-size: 13px;
+  cursor: pointer;
+  opacity: 0.8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-top: 1px solid #ebeef5;
+  &:hover {
+    opacity: 1;
+  }
+}
+:deep(.el-empty__description p) {
+  font-size: 13px;
+}
 </style>