Pārlūkot izejas kodu

优化关闭按钮样式

mxd 3 gadi atpakaļ
vecāks
revīzija
1462c5ca4f

+ 4 - 1
magic-editor/src/console/src/components/common/modal/magic-dialog.vue

@@ -192,17 +192,20 @@ export default {
 
 .ma-dialog-wrapper .ma-dialog .ma-dialog-header span {
   display: inline-block;
-  width: 40px;
+  width: 30px;
   position: absolute;
   right: 0px;
   text-align: center;
   cursor: pointer;
   font-size: 12px;
   height: 30px;
+  line-height: 30px;
 }
 
 .ma-dialog-wrapper .ma-dialog .ma-dialog-header span:hover:not(.disabled) {
   background: #e81123;
+}
+.ma-dialog-wrapper .ma-dialog .ma-dialog-header span:hover:not(.disabled) i{
   color: var(--select-icon-background);
 }