From 65927214ed131ccde7cc92089958071b138e45b8 Mon Sep 17 00:00:00 2001
From: tone <3341154833@qq.com>
Date: Fri, 25 Oct 2024 21:52:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20=E5=89=8D=E7=AB=AFHeader?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E6=96=87=E6=9C=AC=E6=8D=A2=E8=A1=8C=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tonecn/src/components/Common/Header.vue | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/tonecn/src/components/Common/Header.vue b/tonecn/src/components/Common/Header.vue
index d6b3c14..6e38917 100644
--- a/tonecn/src/components/Common/Header.vue
+++ b/tonecn/src/components/Common/Header.vue
@@ -47,7 +47,8 @@ router.afterEach(() => {
                         <div class="h-[35px] text-[25px] cursor-pointer]">🍭</div>
                     </RouterLink>
                     <RouterLink :to="{ name: 'home' }" v-else>
-                        <div class="h-[35px] leading-[35px] font-semibold tracking-[5px] text-[#333] text-nowrap dark:text-white">
+                        <div
+                            class="h-[35px] leading-[35px] font-semibold tracking-[5px] text-[#333] text-nowrap dark:text-white">
                             特恩(TONE)</div>
                     </RouterLink>
                 </div>
@@ -66,20 +67,22 @@ router.afterEach(() => {
                 id="header-right">
                 <div class="flex justify-end items-center">
                     <RouterLink :to="{ name: 'resource' }">
-                        <div class="text-nowrap mx-[20px] cursor-pointer text-[#666] transition-all duration-200 border-b-[3px] border-transparent hover:text-black dark:text-[#ccc] dark:hover:text-white"
-                            :class="{ 'border-b-[#e03ebf] text-black dark:text-white': $route.name === 'resource' }">资源</div>
+                        <div class="whitespace-nowrap mx-[20px] cursor-pointer text-[#666] transition-all duration-200 border-b-[3px] border-transparent hover:text-black dark:text-[#ccc] dark:hover:text-white"
+                            :class="{ 'border-b-[#e03ebf] text-black dark:text-white': $route.name === 'resource' }">资源
+                        </div>
                     </RouterLink>
                     <RouterLink :to="{ name: 'download' }">
-                        <div class="text-nowrap mx-[20px] cursor-pointer text-[#666] transition-all duration-200 border-b-[3px] border-transparent hover:text-black dark:text-[#ccc] dark:hover:text-white"
-                            :class="{ 'border-b-[#e03ebf] text-black dark:text-white': $route.name === 'download' }">下载</div>
+                        <div class="whitespace-nowrap mx-[20px] cursor-pointer text-[#666] transition-all duration-200 border-b-[3px] border-transparent hover:text-black dark:text-[#ccc] dark:hover:text-white"
+                            :class="{ 'border-b-[#e03ebf] text-black dark:text-white': $route.name === 'download' }">下载
+                        </div>
                     </RouterLink>
                     <RouterLink :to="{ name: 'blog' }">
-                        <div class="text-nowrap mx-[20px] cursor-pointer text-[#666] transition-all duration-200 border-b-[3px] border-transparent hover:text-black dark:text-[#ccc] dark:hover:text-white"
+                        <div class="whitespace-nowrap mx-[20px] cursor-pointer text-[#666] transition-all duration-200 border-b-[3px] border-transparent hover:text-black dark:text-[#ccc] dark:hover:text-white"
                             :class="{ 'border-b-[#e03ebf] text-black dark:text-white': $route.name === 'blog' || $route.name === 'blogContent' }">
                             博客</div>
                     </RouterLink>
                     <RouterLink :to="{ name: 'dashboard' }">
-                        <div class="text-nowrap mx-[20px] cursor-pointer text-[#666] transition-all duration-200 border-b-[3px] border-transparent hover:text-black dark:text-[#ccc] dark:hover:text-white"
+                        <div class="whitespace-nowrap mx-[20px] cursor-pointer text-[#666] transition-all duration-200 border-b-[3px] border-transparent hover:text-black dark:text-[#ccc] dark:hover:text-white"
                             :class="{ 'border-b-[#e03ebf] text-black dark:text-white': $route.name === 'login' || $route.name === 'dashboard' }">
                             控制台</div>
                     </RouterLink>