catlog22/Claude-Code-Workflow
1
0
Fork 0
mirror of https://github.com/catlog22/Claude-Code-Workflow.git synced 2026-03-01 15:03:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(theme): implement dynamic theme logo with reactive color updates

Browse Source
This commit is contained in:
catlog22
2026-02-28 23:08:27 +08:00
parent e42597b1bc
commit e83414abf3
7 changed files with 179 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
docs/.vitepress/theme/styles/custom.css
View File

@@ -63,10 +63,8 @@
}
/* Adjust sidebar and content layout */
.VPDoc,
.VPDoc[data-v-343c73d6] {
padding-left: var(--vp-sidebar-width) !important;
}
/* NOTE: Removed duplicate padding-left - VitePress already handles sidebar layout */
/* .VPDoc, .VPDoc[data-v-343c73d6] { padding-left: var(--vp-sidebar-width) !important; } */
/* Right side outline (TOC) adjustments */
.VPDocOutline {
@@ -82,34 +80,41 @@
/* ============================================
* Home Page Override
* ============================================ */
.VPHome {
padding-bottom: 0;
}
/* Remove horizontal padding for home page only (has .VPHome class) */
.VPHome .VPDoc {
padding-left: 0 !important;
padding-right: 0 !important;
}
.VPHome .VPDoc .content-container {
padding-left: 0 !important;
padding-right: 0 !important;
/* Use :has() to detect home page (contains .pro-home) */
.VPContent:has(.pro-home) {
padding: 0 !important;
margin: 0 !important;
max-width: 100% !important;
}
.VPHome .VPDoc .content {
padding-left: 0 !important;
padding-right: 0 !important;
.Layout:has(.pro-home) {
max-width: 100% !important;
}
.VPHome .VPContent {
/* ProfessionalHome component full width */
.pro-home {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
}
/* Ensure all sections extend to full width */
.pro-home .hero-section,
.pro-home .features-section,
.pro-home .pipeline-section,
.pro-home .json-section,
.pro-home .quickstart-section,
.pro-home .cta-section {
width: 100% !important;
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.VPHomeHero {
padding: 80px 24px;
padding: 80px 0;
background: linear-gradient(180deg, var(--vp-c-bg-soft) 0%, var(--vp-c-bg) 100%);
}