From f3cdb7c0069e6661a6ebbb010c46a8587cacaba3 Mon Sep 17 00:00:00 2001
From: LIghtJUNction <lightjunction.me@gmail.com>
Date: Sun, 15 Mar 2026 16:35:43 +0800
Subject: [PATCH] fix(dashboard): restore original header logo layout

- Replaced Logo component with original inline text implementation in VerticalHeader
- Added missing isChristmas computed property
- Removed v-spacer centering for logo to match master branch layout
- This fixes the display issue where the logo/title appeared incorrect or misaligned
---
 .envrc                                        |  2 ++
 .../full/vertical-header/VerticalHeader.vue   | 35 ++++++++++++++++++-
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 .envrc

diff --git a/.envrc b/.envrc
new file mode 100644
index 000000000..70c14ac73
--- /dev/null
+++ b/.envrc
@@ -0,0 +1,2 @@
+git pull
+git status
diff --git a/dashboard/src/layouts/full/vertical-header/VerticalHeader.vue b/dashboard/src/layouts/full/vertical-header/VerticalHeader.vue
index f9674e74b..e7b8b88a5 100644
--- a/dashboard/src/layouts/full/vertical-header/VerticalHeader.vue
+++ b/dashboard/src/layouts/full/vertical-header/VerticalHeader.vue
@@ -502,6 +502,14 @@ watch(
     }
   },
 );
+
+// Merry Christmas! 🎄
+const isChristmas = computed(() => {
+  const today = new Date();
+  const month = today.getMonth() + 1; // getMonth() 返回 0-11
+  const day = today.getDate();
+  return month === 12 && day === 25;
+});
 </script>
 
 <template>
@@ -544,8 +552,33 @@ watch(
         >
           <v-icon>mdi-menu</v-icon>
         </v-btn>
+      </div>
 
-        <Logo />
+      <div
+        class="logo-container"
+        :class="{
+          'mobile-logo': $vuetify.display.xs,
+          'chat-mode-logo': customizer.viewMode === 'chat',
+        }"
+        @click="handleLogoClick"
+      >
+        <span class="logo-text Outfit"
+          >Astr<span class="logo-text bot-text-wrapper"
+            >Bot
+            <img
+              v-if="isChristmas"
+              src="@/assets/images/xmas-hat.png"
+              alt="Christmas hat"
+              class="xmas-hat"
+            /> </span
+        ></span>
+        <span
+          class="logo-text logo-text-light Outfit"
+          style="color: grey"
+          v-if="customizer.viewMode === 'chat'"
+          >ChatUI</span
+        >
+        <span class="version-text hidden-xs">{{ botCurrVersion }}</span>
       </div>
 
       <v-spacer />