optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(hero): add animated Supply Chain background on home page
All checks were successful
Build Docker Image / build (push) Successful in 3m54s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-26 22:31:06 +07:00
parent 19aca61845
commit 839ab4e830
3 changed files with 30 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/layouts/topnav.vue
View File

@@ -2,11 +2,8 @@
<div class="min-h-screen flex flex-col bg-base-300">
<!-- Fixed Header Container -->
<div class="fixed top-0 left-0 right-0 z-40" :style="headerContainerStyle">
<!-- Dark gradient background for home page -->
<template v-if="isHomePage">
<div class="absolute inset-0 bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900" />
<div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-primary/20 via-transparent to-transparent" />
</template>
<!-- Animated background for home page -->
<HeroBackground v-if="isHomePage" :collapse-progress="collapseProgress" />
<!-- MainNavigation - dynamic height on home page -->
<MainNavigation