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
This commit is contained in:
LIghtJUNction
2026-03-15 16:35:43 +08:00
parent c3afc3d72b
commit f3cdb7c006
2 changed files with 36 additions and 1 deletions
+2
View File
@@ -0,0 +1,2 @@
git pull
git status
@@ -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 />