搜索栏样式

src/views/index.vue

@@ -101,7 +101,7 @@
                 class="search-input"
                 @keyup.enter="handleSearch"
               />
-              <span class="shortcut-key">⌘K</span>
+              <!-- <span class="shortcut-key">⌘K</span> -->
             </div>
 
             <!-- 右侧快捷入口 -->
@@ -2350,6 +2350,7 @@ onUnmounted(() => {
 .quick-access {
   display: flex;
   align-items: center;
+  justify-content: center;
   gap: 28px;
   min-width: min(345px, 40vw);
   height: 30px;
@@ -2443,7 +2444,7 @@ onUnmounted(() => {
 }
 
 :global([data-theme="dark"] .top-nav-bar .search-container) {
-  width: 320px;
+  width: 380px;
   height: 36px;
   background: var(--portal-input-bg);
   border: 1px solid var(--portal-line);
@@ -2452,15 +2453,17 @@ onUnmounted(() => {
 
 :global([data-theme="dark"] .top-nav-bar .search-icon) {
   display: block;
+  margin-left: 12px;
 }
 
 :global([data-theme="dark"] .top-nav-bar .search-input) {
   color: var(--portal-text);
-  padding: 0;
+  padding-left: 20px;
 }
 
 :global([data-theme="dark"] .top-nav-bar .shortcut-key) {
   display: block;
+  /* padding-right: 12px; */
 }
 
 :global([data-theme="dark"] .top-nav-bar .quick-access) {
@@ -2471,10 +2474,12 @@ onUnmounted(() => {
   background: transparent;
   border: 0;
   box-shadow: none;
+  display: flex;
+  justify-content: center;
 }
 
 :global([data-theme="dark"] .top-nav-bar .quick-btn) {
-  justify-content: flex-start;
+  justify-content: center;
   gap: 8px;
   height: auto;
   padding: 8px 12px;