Bläddra i källkod

电视墙样式修改

付宇航 1 år sedan
förälder
incheckning
5a83352451
1 ändrade filer med 62 tillägg och 1 borttagningar
  1. 62 1
      src/assets/styles/base.scss

+ 62 - 1
src/assets/styles/base.scss

@@ -91,7 +91,68 @@ $date-state3: #d6333b;
 //电视墙视频摄像头预览弹层样式
 .TVWallCustomWidth {
   width: 1500px !important;
-  height: 740px !important;
+  height: 790px !important;
+  background: #04080c !important;
+  box-shadow: $barShadow !important;
+  border: 1px $barBorder !important;
+
+  .el-descriptions__body{
+    background:transparent !important;
+    color: #fff;
+    .el-descriptions-item__label{
+      background:transparent !important;
+      color: #fff;
+      width: 100px;
+    }
+  }
+
+  .el-dialog__header {
+    padding: 15px 20px !important;
+    background-image: -moz-linear-gradient($GradualGreen) !important;
+    background-image: -webkit-linear-gradient($GradualGreen) !important;
+    background-image: linear-gradient($GradualGreen) !important;
+    box-shadow: $shadowTitle !important;
+
+    .el-dialog__title {
+      font-weight: bolder !important;
+      color: #3cd7ef !important;
+    }
+  }
+
+  .leader-info-container {
+    // padding: .5rem;
+    display: flex;
+    height: 650px;
+    width: 28rem;
+    overflow-y: hidden;
+    flex-direction: column;
+    padding: 0 1rem;
+    float: right;
+
+    .leader-info-list-con {
+      width: 100%;
+      padding: 1rem;
+      margin-bottom: .5rem;
+      background-image: -moz-linear-gradient($GradualGreen) !important;
+      background-image: -webkit-linear-gradient($GradualGreen) !important;
+      background-image: linear-gradient($GradualGreen) !important;
+      border: solid 1px #7dc2eb;
+      box-shadow: $shadowListHover !important;
+      border-radius: 5px;
+
+      h4 {
+        margin: .4rem 0;
+        color: $white;
+      }
+    }
+
+    .leader-info-list-con:hover {
+      background-image: -moz-linear-gradient($popupBG) !important;
+      background-image: -webkit-linear-gradient($popupBG) !important;
+      background-image: linear-gradient($popupBG) !important;
+    }
+  }
+
 }
 
 //公共