feat(docs): replace logo with SVG and update navigation styling

- Replace PNG logo with high-definition SVG version for better quality and scalability
- Update navigation to use logo image instead of text title for improved branding
- Add custom styling for logo display in navigation bar
- Exclude navigation logo from automatic image styling rules
- Update sitemap timestamps to reflect recent changes
This commit is contained in:
sanbuphy
2026-03-18 14:30:37 +08:00
parent c8b68e5139
commit 6b9e0fbf1d
7 changed files with 62 additions and 21 deletions
@@ -1650,11 +1650,6 @@ const topPromoStyle = computed(() => {
}
})
const replayIntro = () => {
const currentPath = window.location.pathname
router.go(withBase(`/welcome/?next=${encodeURIComponent(currentPath)}`))
}
onMounted(() => {
const introDuration = 1800
const colorDelay = 500
@@ -1920,13 +1915,19 @@ const appendixCards = [
<nav class="sticky-nav glass">
<div class="nav-content">
<div class="nav-cluster">
<button
<div
class="nav-title"
type="button"
@click="replayIntro"
:aria-label="t.nav.title"
>
{{ t.nav.title }}
</button>
<img
class="nav-title-logo"
:src="withBase('/assets/easy-vibe-logo-hd.svg')"
:alt="t.nav.title"
width="64"
height="30"
draggable="false"
>
</div>
<div class="nav-links">
<button
:class="{ active: activeTab === 'home' }"
@@ -2346,16 +2347,27 @@ a {
}
.nav-title {
font-weight: 500;
font-size: 12px;
color: var(--vp-c-text-1) !important;
flex-shrink: 0;
letter-spacing: -0.008em;
background: none;
border: none;
padding: 0;
margin: 0;
cursor: pointer;
cursor: default;
display: inline-flex;
align-items: center;
}
.nav-title-logo {
display: block;
max-width: 64px !important;
max-height: 30px !important;
height: 30px !important;
width: 64px !important;
min-width: 64px;
min-height: 30px;
object-fit: contain;
flex: 0 0 auto;
filter: grayscale(1) brightness(0.28) contrast(1.05);
}
.nav-links {