feat(design): unify nav, redesign homepage/pricing/skill pages#1011
Open
huacnlee wants to merge 9 commits into
Open
feat(design): unify nav, redesign homepage/pricing/skill pages#1011huacnlee wants to merge 9 commits into
huacnlee wants to merge 9 commits into
Conversation
- Replace VPNav with custom AppNav (sticky, unified across all pages) - Add AppFooter component - Fix nav width to match content (1240px via html:root specificity) - Remove extra VPContent padding-top from VitePress fixed-nav compensation - Add Features dropdown menu with left-aligned popup and correct positioning - Add active state highlighting for nav links with route-aware detection - Lock app-nav font-family to system font to prevent flicker on page transition - Redesign NewHomePage, Pricing, Skill pages with new layout components - Add useLbDarkSync composable for dark mode sync - Fix normalize-md plugin to handle layout: false correctly - Update homepage stat: 50K+ developers → 130+ API endpoints Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Skill.vue: marketplace card always-dark styling, active tab dark bg, count badge visible in dark mode, capability grid fixed to 3 columns - NewHomePage: shift all copy from developer/app-building framing to investor/quantitative-trading framing; expand SDK samples to per-lang multi-language strings (Python/Node/Rust/Go/Java/C++) with syntax highlighting for each language - index.css: align dark mode bg vars with LB design system - app-styles.css: minor canvas bg and border-radius tweaks Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… style - Change grid-template-columns from 1.4fr 1fr 1fr 1fr to repeat(4, 1fr) - Remove grid-column: 1/-1 from 1024px breakpoint (award card no longer spans full row) - Update AWARD tag from pill badge to text + extending horizontal line - Include homepage SDK demo multi-language code samples Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…g toggle, clean checkmarks Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Free and plan cards: background var(--lb-bg-2) → var(--lb-bg-1) (white) - Plan badge: background var(--lb-bg-1) → var(--lb-bg-2) for contrast on white card - Was/tag margin: remove double-stacked margin (was 24px gap) → unified 12px tag top margin - Tagline line-height: 1.55 → 1.6 - ProductSkill: label "Or install via CLI" → "Or install via Npx" Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Member
Author
|
Latest commit fixes pricing page card backgrounds and spacing:
|
…ition, fix card colors
- Remove 1127 lines of dead CSS from app-styles.css (SKILL PAGE and PRICING PAGE sections fully overridden by scoped styles in Skill.vue / Pricing.vue)
- Delete unused components: DashboardNavLink.vue, HomePage/{index,FeatureItem,HomeFeatures,IconComponent,Market,Markets}.vue, vp-code.css
- Remove View Transition circle animation on light/dark toggle
- Center pricing matrix check icons with display:block + margin auto
- Reduce dark mode card background contrast: --lb-card #13182A → #0E1222 (closer to page bg #0A0E19)
- Strengthen dark card border to compensate: --app-card-stroke #1f232e → #242836
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…and Auto-renew tab Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
app-styles.css— SKILL PAGE and PRICING PAGE sections were fully overridden by scoped styles inSkill.vue/Pricing.vueHomePage/components andDashboardNavLink.vue/vp-code.css(no active references)display: block; margin: 0 auto)--lb-card#13182A→#0E1222(closer to page bg#0A0E19), strengthen card border to compensateTest plan
🤖 Generated with Claude Code