also looking at this
fix(spa): repair client-side router and polish default theme
#71
9 files
+1037
-170
| @@ -14,20 +14,22 @@ | ||
| 14 | 14 | <body> |
| 15 | 15 | <div class="Layout"> |
| 16 | 16 | <!-- VPNav - Header --> |
| 17 | <header class="VPNav" style="position: fixed; top: 0; left: 0; right: 0; height: var(--bp-nav-height, 64px); background-color: var(--bp-nav-bg-color, var(--bp-c-bg)); border-bottom: 1px solid var(--bp-c-divider); z-index: var(--bp-z-index-nav, 30);"> | |
| 18 | <div style="max-width: var(--bp-layout-max-width, 1440px); margin: 0 auto; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 24px;"> | |
| 19 | <div style="display: flex; align-items: center; gap: 24px; flex: 1; min-width: 0;"> | |
| 20 | <a href="/" class="VPNavBarTitle" style="font-size: 16px; font-weight: 600; color: var(--bp-c-text-1); white-space: nowrap; text-decoration: none;">{{ title }}</a> | |
| 17 | <header class="VPNav"> | |
| 18 | <div class="VPNavBar"> | |
| 19 | <div class="VPNavBarStart"> | |
| 20 | <a href="/" class="VPNavBarTitle">{{ title }}</a> | |
| 21 | 21 | </div> |
| 22 | <div style="display: flex; align-items: center; gap: 24px;"> | |
| 23 | {!! nav !!} | |
| 22 | <div class="VPNavBarEnd"> | |
| 23 | <div class="VPNavBarMenu"> | |
| 24 | {!! nav !!} | |
| 25 | </div> | |
| 24 | 26 | </div> |
| 25 | 27 | </div> |
| 26 | 28 | </header> |
| 27 | 29 | |
| 28 | 30 | <!-- VPContent - Full-width content without sidebar --> |
| 29 | <main class="VPContent" style="padding-top: var(--bp-nav-height, 64px);"> | |
| 30 | <div class="VPPage" style="padding: 48px 24px; max-width: 768px; margin: 0 auto;"> | |
| 31 | <main class="VPContent VPContent--page"> | |
| 32 | <div class="VPPage"> | |
| 31 | 33 | <article class="bp-doc"> |
| 32 | 34 | {!! content !!} |
| 33 | 35 | </article> |