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