- Migrate all frontend from plain JS/Tailwind to TypeScript/Vuetify 3 (Vuexy design system) - Replace placeholder plans with 25 real products scraped from WHMCS: 9 VPS plans ($4.20-$30/mo), 8 dedicated servers ($44.39-$107.99/mo), 4 web hosting plans ($2.39-$15.99/mo), 4 MySQL hosting plans ($6-$30/mo) - Fix Pricing page: correct field mapping (service_type, price), display feature values instead of keys, proper price formatting - Update all marketing pages (Home, Products, VPS, Dedicated, Web Hosting) with real specs, pricing, and features from production WHMCS - Add 38 Vuexy @core SCSS override files for component styling - Create 4 layouts (Account, Admin, Auth, Marketing) with Vuetify - Add AppTextField/AppSelect/AppTextarea wrapper components - Purple primary theme (#7367F0), dark mode default - 52 tests passing, build clean Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
36 lines
528 B
SCSS
36 lines
528 B
SCSS
// Import Vuexy's full Vuetify component override chain
|
|
@use "@core-scss/template/libs/vuetify";
|
|
|
|
// ━━━ Project-specific overrides ━━━
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#app {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
// Invert white logo for light backgrounds
|
|
.logo-light {
|
|
filter: brightness(0) saturate(100%);
|
|
}
|
|
|
|
// Links
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
// Iconify icon size
|
|
svg.iconify {
|
|
block-size: 1em;
|
|
inline-size: 1em;
|
|
}
|
|
|
|
// Vuetify 3 paragraph margin (Vuexy convention)
|
|
p {
|
|
margin-block-end: 1rem;
|
|
}
|