Browse Source

style: update message

xiaoxian521 2 years ago
parent
commit
1d76946968
2 changed files with 14 additions and 0 deletions
  1. 7 0
      src/style/dark.scss
  2. 7 0
      src/style/element-plus.scss

+ 7 - 0
src/style/dark.scss

@@ -199,5 +199,12 @@ html.dark {
       pointer-events: all !important;
       background-image: initial !important;
     }
+
+    & .el-message__closeBtn {
+      &:hover {
+        color: rgba(255, 255, 255, 0.85);
+        background-color: rgba(255, 255, 255, 0.12);
+      }
+    }
   }
 }

+ 7 - 0
src/style/element-plus.scss

@@ -86,6 +86,13 @@
   }
 
   & .el-message__closeBtn {
+    outline: none;
+    border-radius: 4px;
     right: 9px !important;
+    transition: background-color 0.2s, color 0.2s;
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.06);
+    }
   }
 }