fix: 1

src/components/actions-merge/index.vue

@@ -56,7 +56,7 @@ watch(
 <style lang="scss" scoped>
 .actions {
   display: flex;
-  gap: 3px;
+  gap: 5px;
   background: rgba(27, 27, 28, 0.8);
   box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.1);
   border-radius: 4px 4px 4px 4px;
@@ -70,6 +70,7 @@ watch(
     opacity: 1;
     display: flex;
     align-items: center;
+    // margin: 0 5px;
     justify-content: center;
     color: rgba(255, 255, 255, 0.6);
     font-size: 14px;
@@ -82,8 +83,8 @@ watch(
 
     &:hover,
     &.active {
-      background: rgba(0, 200, 175, 0.16);
-      color: #00c8af;
+      background: rgba(0, 200, 175, 0.3);
+      color: #ffffff;
     }
   }
 }

src/views/animation/right/frame.vue

@@ -56,16 +56,19 @@ defineEmits<{
     display: flex;
     border-radius: 4px;
     align-items: center;
-    margin: 0 2px;
+    margin: 0 5px;
     cursor: pointer;
     justify-content: center;
 
     .icon {
-      font-size: 18px;
+      font-size: 22px;
     }
 
     &.active {
       background: rgba(0, 200, 175, 0.3);
+      .icon {
+        color: #fff;
+      }
     }
   }
 }

src/views/login.vue

@@ -115,7 +115,7 @@ const login = (username: string, password: string) => {
 };
 
 if (import.meta.env.DEV) {
-  // login("super-admin", "Aa123456");
+  login("super-admin", "Aa123456");
 }
 </script>