From 44ed767e8c2fc5f5d132b9c661bcda9b78fbee5d Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sun, 16 Feb 2025 00:38:16 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/composer/ComposerList.vue      |  5 ++++
 .../composer/common/BorderLabel.vue           |  4 +--
 .../composer/ubrowser/UBrowserEditor.vue      | 11 --------
 src/components/config/FooterBar.vue           | 16 +-----------
 src/css/app.css                               | 25 +++++++++++++++++--
 5 files changed, 31 insertions(+), 30 deletions(-)

diff --git a/src/components/composer/ComposerList.vue b/src/components/composer/ComposerList.vue
index 7286449..bb91324 100644
--- a/src/components/composer/ComposerList.vue
+++ b/src/components/composer/ComposerList.vue
@@ -342,4 +342,9 @@ export default defineComponent({
   display: flex;
   align-items: center;
 }
+
+.section-header .q-field--focused .q-field__prepend .q-icon {
+  animation: shake 0.8s ease;
+  color: var(--q-primary);
+}
 </style>
diff --git a/src/components/composer/common/BorderLabel.vue b/src/components/composer/common/BorderLabel.vue
index 8983495..eb7f3d1 100644
--- a/src/components/composer/common/BorderLabel.vue
+++ b/src/components/composer/common/BorderLabel.vue
@@ -79,7 +79,7 @@ export default {
   position: absolute;
   top: -9px;
   left: 16px;
-  background: #fff;
+  background-color: #fafafa;
   color: rgba(0, 0, 0, 0.6);
   font-size: 12px;
   line-height: 16px;
@@ -153,8 +153,8 @@ export default {
 }
 
 .body--dark .label-header {
-  background: #303133;
   color: rgba(255, 255, 255, 0.7);
+  background-color: #2e2e2e;
 }
 
 /* 动画优化 */
diff --git a/src/components/composer/ubrowser/UBrowserEditor.vue b/src/components/composer/ubrowser/UBrowserEditor.vue
index b0de074..8ca5f05 100644
--- a/src/components/composer/ubrowser/UBrowserEditor.vue
+++ b/src/components/composer/ubrowser/UBrowserEditor.vue
@@ -125,7 +125,6 @@ export default {
   flex-direction: column;
   height: 100%;
   width: 100%;
-  background-color: var(--q-card-background);
 }
 
 .ubrowser-panels {
@@ -151,7 +150,6 @@ export default {
 .ubrowser-editor :deep(.q-tabs) {
   min-height: 36px;
   padding: 0 8px;
-  background-color: var(--q-card-background);
 }
 
 .ubrowser-editor :deep(.q-tab--active) {
@@ -170,13 +168,4 @@ export default {
 .ubrowser-editor :deep(.q-tab__label) {
   font-size: 13px;
 }
-
-/* 暗色模式适配 */
-.body--dark .ubrowser-editor {
-  background-color: var(--q-dark);
-}
-
-.body--dark .ubrowser-editor :deep(.q-tabs) {
-  background-color: var(--q-dark);
-}
 </style>
diff --git a/src/components/config/FooterBar.vue b/src/components/config/FooterBar.vue
index d171759..0fe5c4a 100644
--- a/src/components/config/FooterBar.vue
+++ b/src/components/config/FooterBar.vue
@@ -239,22 +239,8 @@ export default {
   background: rgba(var(--q-primary-rgb), 0.1) !important;
 }
 
-/* 搜索框动画 */
-@keyframes searchIconShake {
-  0%,
-  100% {
-    transform: rotate(0deg);
-  }
-  25% {
-    transform: rotate(-10deg);
-  }
-  75% {
-    transform: rotate(10deg);
-  }
-}
-
 .q-field--focused .q-field__prepend .q-icon {
-  animation: searchIconShake 0.8s ease;
+  animation: shake 0.8s ease;
   color: var(--q-primary);
 }
 
diff --git a/src/css/app.css b/src/css/app.css
index 510b235..8a782b3 100644
--- a/src/css/app.css
+++ b/src/css/app.css
@@ -307,7 +307,11 @@ body.body--dark.glass-effect-menu .q-menu {
   font-size: 12px;
 }
 
-/* 左右抖动 */
+.body--dark .q-tab-panels {
+  background-color: transparent;
+}
+
+/* 左右移动 */
 @keyframes leftRight {
   0% {
     transform: translateX(-2px);
@@ -325,7 +329,7 @@ body.body--dark.glass-effect-menu .q-menu {
   }
 }
 
-/* 上下抖动 */
+/* 上下移动 */
 @keyframes upDown {
   0% {
     transform: translateY(-1px);
@@ -347,3 +351,20 @@ body.body--dark.glass-effect-menu .q-menu {
     opacity: 1;
   }
 }
+
+/* 左右抖动 */
+@keyframes shake {
+
+  0%,
+  100% {
+    transform: rotate(0deg);
+  }
+
+  25% {
+    transform: rotate(-10deg);
+  }
+
+  75% {
+    transform: rotate(10deg);
+  }
+}