75ce64b46e
All checks were successful
Build Docker Image / build (push) Successful in 5m14s
- HeroBackground.vue: - Add object-cover class to Lottie animation (fills container) - Make dark overlay conditional (v-if collapseProgress > 0.5) - Overlay fades in during collapse (opacity 0→1) - MainNavigation.vue: - Replace glassStyle prop with isCollapsed - Glass effect (backdrop-blur-md) applies only when collapsed - topnav.vue: - Pass isCollapsed instead of glass-style - Home page: isCollapsed from useHeroScroll - Other pages: always true (always collapsed) Result: - Animation covers full viewport without crop - No blur overlay when hero is expanded - Glass effect appears only when header collapses to 100px
Nuxt Minimal Starter
Look at the Nuxt documentation to learn more.
Setup
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Development Server
Start the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
Production
Build the application for production:
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build
Locally preview production build:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview
Check out the deployment documentation for more information.