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

logo sib aumentado a 150px

Browse Source
This commit is contained in:
Johan Samudio
2026-03-10 11:07:17 -05:00
parent 75129a2f9f
commit 72163062a7
1 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -185,26 +185,30 @@ const scrollToInstall = () =>
/* ─── NAV ──────────────────────────────────────────── */
.nav {
position: fixed; top: 0; left: 0; right: 0; z-index: 100;
height: 64px; display: flex; align-items: center; padding: 0 24px;
transition: background .2s, border-color .2s;
height: 160px; display: flex; align-items: center; padding: 0 24px;
transition: all .3s ease;
}
.nav--solid {
background: rgba(255,255,255,.93);
backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
background: rgba(255,255,255,.95);
backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border);
height: 100px;
}
.nav__wrap {
max-width: 1100px; margin: 0 auto; width: 100%;
display: flex; justify-content: space-between; align-items: center;
}
.nav__logo {
height: 52px;
height: 150px;
width: auto;
object-fit: contain;
filter: drop-shadow(0 4px 12px rgba(0,0,0,0.6));
transition: all .3s ease;
transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav__logo:hover { transform: scale(1.05); }
.nav--solid .nav__logo {
height: 80px;
}
.nav__logo:hover { transform: scale(1.08) rotate(-2deg); }
.nav__actions { display: flex; align-items: center; gap: 14px; }
@ -419,9 +423,10 @@ const scrollToInstall = () =>
/* Mobile */
@media (max-width: 767px) {
/* Nav */
.nav { padding: 0 18px; height: 58px; }
.nav--solid { border-bottom: 1px solid var(--border); }
.nav__logo { height: 38px; }
.nav { padding: 0 18px; height: 80px; }
.nav--solid { border-bottom: 1px solid var(--border); height: 70px; }
.nav__logo { height: 75px; }
.nav--solid .nav__logo { height: 60px; }
.btn-install { display: none; }
.btn-cta--sm { font-size: .82rem; padding: 8px 14px; border-radius: 8px; }