From 4ba5f9e951e03f5161bad117dcb0c967ed0ff891 Mon Sep 17 00:00:00 2001
From: Rogee <rogee@ipao.vip>
Date: Fri, 26 Dec 2025 22:30:11 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E8=B0=83=E6=95=B4=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5=E8=A7=86=E5=9B=BE=E7=9A=84=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A0=87=E7=AD=BE=E5=92=8C=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E7=9A=84=E6=8E=92=E7=89=88=EF=BC=8C=E6=8F=90=E5=8D=87=E5=8F=AF?=
 =?UTF-8?q?=E8=AF=BB=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/portal/src/layout/LayoutCreator.vue         |  7 ++++---
 frontend/portal/src/views/user/NotificationsView.vue | 12 ++++++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/portal/src/layout/LayoutCreator.vue b/frontend/portal/src/layout/LayoutCreator.vue
index e95d36c..a3dc7ff 100644
--- a/frontend/portal/src/layout/LayoutCreator.vue
+++ b/frontend/portal/src/layout/LayoutCreator.vue
@@ -1,9 +1,10 @@
 <template>
    <div class="min-h-screen flex flex-col bg-slate-50">
       <TopNavbar />
-              <main class="flex-grow pt-16">
-                 <div class="mx-auto max-w-screen-xl py-8 flex gap-8">
-                    <!-- Creator Sidebar (Dark Theme) -->            <aside class="w-[260px] flex-shrink-0 hidden lg:block">
+    <main class="flex-grow pt-16">
+       <div class="mx-auto max-w-screen-xl py-8 flex gap-8">
+          <!-- Creator Sidebar (Dark Theme) -->
+          <aside class="w-[280px] flex-shrink-0 hidden lg:block">
                <div
                   class="bg-slate-900 rounded-2xl shadow-sm overflow-hidden sticky top-24 text-slate-300 min-h-[600px] flex flex-col">
                   <!-- Header -->
diff --git a/frontend/portal/src/views/user/NotificationsView.vue b/frontend/portal/src/views/user/NotificationsView.vue
index f33cffe..70b1edf 100644
--- a/frontend/portal/src/views/user/NotificationsView.vue
+++ b/frontend/portal/src/views/user/NotificationsView.vue
@@ -7,14 +7,14 @@
           v-for="tab in tabs" 
           :key="tab.value"
           @click="currentTab = tab.value"
-          class="pb-4 text-sm font-medium transition-colors border-b-2 cursor-pointer focus:outline-none relative"
+          class="pb-4 text-base font-bold transition-colors border-b-2 cursor-pointer focus:outline-none relative"
           :class="currentTab === tab.value ? 'text-primary-600 border-primary-600' : 'text-slate-500 border-transparent hover:text-slate-700'"
         >
           {{ tab.label }}
-          <span v-if="tab.count > 0" class="absolute -top-1 -right-3 min-w-[1.25rem] h-5 px-1 bg-red-500 text-white text-xs rounded-full flex items-center justify-center scale-75">{{ tab.count }}</span>
+          <span v-if="tab.count > 0" class="absolute -top-1 -right-4 min-w-[1.25rem] h-5 px-1.5 bg-red-500 text-white text-[10px] rounded-full flex items-center justify-center">{{ tab.count }}</span>
         </button>
       </div>
-      <button class="mb-4 text-sm text-slate-500 hover:text-primary-600 cursor-pointer flex items-center gap-1">
+      <button class="mb-4 text-base font-medium text-slate-500 hover:text-primary-600 cursor-pointer flex items-center gap-1">
          <i class="pi pi-check-circle"></i> 全部已读
       </button>
     </div>
@@ -37,13 +37,13 @@
              <!-- Content -->
              <div class="flex-1 min-w-0">
                 <div class="flex items-center justify-between mb-1">
-                   <h3 class="font-bold text-slate-900 text-sm group-hover:text-primary-600 transition-colors flex items-center gap-2">
+                   <h3 class="font-bold text-slate-900 text-lg group-hover:text-primary-600 transition-colors flex items-center gap-2">
                       <span v-if="!item.read" class="w-2 h-2 bg-blue-600 rounded-full inline-block"></span>
                       {{ item.title }}
                    </h3>
-                   <span class="text-xs text-slate-400 whitespace-nowrap">{{ item.time }}</span>
+                   <span class="text-sm text-slate-400 whitespace-nowrap">{{ item.time }}</span>
                 </div>
-                <p class="text-sm text-slate-600 line-clamp-2">{{ item.content }}</p>
+                <p class="text-base text-slate-600 line-clamp-2">{{ item.content }}</p>
              </div>
           </div>
        </div>