更新外观模块

frontend-vue/src/pages/brand/components/BrandTopBar.vue

@@ -34,13 +34,16 @@
       </section>
     </nav>
 
-    <div class="top-right"></div>
+    <div class="top-right">
+      <BrandApiSecretSettingsButton />
+    </div>
   </header>
 </template>
 
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 
+import BrandApiSecretSettingsButton from '@/pages/brand/components/BrandApiSecretSettingsButton.vue'
 import { getCurrentUserAppColumnKeys } from '@/shared/api/permission'
 
 type ActiveNavKey =
@@ -85,7 +88,7 @@ const navGroups: ReadonlyArray<NavGroup> = [
       { key: 'variant', label: '变体分析' },
       { key: 'brand', label: '品牌检测', href: '/brand' },
       { key: 'appearance-patent', label: '外观专利检测', href: '/new_web_source/appearance-patent.html' },
-      { key: 'similar-asin', label: '相似ASIN检测', href: '/new_web_source/similar-asin.html' },
+      { key: 'similar-asin', label: '货源查询', href: '/new_web_source/similar-asin.html' },
       { key: 'dedupe', label: '数据去重', href: '/new_web_source/dedupe.html' },
       { key: 'split', label: '数据拆分', href: '/new_web_source/split.html' },
       { key: 'convert', label: '格式转换', href: '/new_web_source/convert.html' },
@@ -248,8 +251,11 @@ onMounted(async () => {
 }
 
 .top-right {
-  width: 60px;
+  width: 140px;
   flex-shrink: 0;
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 8px;
 }
 
 @media (max-width: 1200px) {