u

code/base-project/base-vue/packages/ao-design/src/message/index.scss

@@ -3,29 +3,28 @@
 
 $message-prefix: #{$prefix}-message;
 
+.#{$message-prefix}-wrapper {
+  position: fixed;
+  z-index: 6000;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .#{$message-prefix} {
-  &-wrapper {
-    position: fixed;
-    z-index: 6000;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-  &-item {
-    display: inline-flex;
-    align-items: center;
-    outline: 0;
-    width: fit-content;
-    vertical-align: middle;
-    border-radius: $border-radius;
-    padding: 6px 12px;
-    background-color: $bg-color-container;
-    color: $text-color-base;
-    box-shadow: $shadow-overlay;
-    box-sizing: border-box;
-    font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  }
-  &-content {
+  display: inline-flex;
+  align-items: center;
+  outline: 0;
+  width: fit-content;
+  vertical-align: middle;
+  border-radius: $border-radius;
+  padding: 6px 12px;
+  background-color: $bg-color-container;
+  color: $text-color-base;
+  box-shadow: $shadow-overlay;
+  box-sizing: border-box;
+  font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  &-message {
     font-size: 14px;
     line-height: 1;
   }
@@ -40,8 +39,8 @@ $message-prefix: #{$prefix}-message;
     color: $text-color-assist;
     cursor: pointer;
     border-radius: 50%;
-    width: 16px;
-    height: 16px;
+    width: 18px;
+    height: 18px;
     &:hover {
       background-color: $default-color-hover;
     }