Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hero overlapping with large logo nav bar

Browse Source
This commit is contained in:
Johan Samudio
2026-03-10 11:42:57 -05:00
parent 4c91083219
commit 86e3867609
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/views/LandingView.vue
View File

@ -296,7 +296,7 @@ const scrollToInstall = () =>
.hero {
position: relative; min-height: 100svh;
display: flex; align-items: flex-end;
padding: 88px 24px 72px;
padding: 180px 24px 72px; /* Increased top padding from 88px to 180px */
overflow: hidden;
}
@ -445,15 +445,15 @@ const scrollToInstall = () =>
/* Mobile */
@media (max-width: 767px) {
/* Nav */
.nav { padding: 0 18px; height: 80px; }
.nav { padding: 0 18px; height: 100px; }
.nav--solid { border-bottom: 1px solid var(--border); height: 70px; }
.nav__logo { height: 75px; }
.nav__logo { height: 85px; }
.nav--solid .nav__logo { height: 60px; }
.btn-install { display: none; }
.btn-cta--sm { font-size: .82rem; padding: 8px 14px; border-radius: 8px; }
/* Hero */
.hero { padding: 72px 20px 56px; }
.hero { padding: 120px 20px 56px; }
.hero__title { font-size: clamp(2.1rem, 10.5vw, 3rem); }
.hero__desc { font-size: .9rem; margin-bottom: 28px; }
.hero__btns { flex-direction: column; }