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

Double SIB logo size and adjust navbar and hero text position

Browse Source
This commit is contained in:
Johan Samudio
2026-03-09 17:21:28 -05:00
parent 4f6f35f6d9
commit 6024061404
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -151,19 +151,19 @@ const scrollToInstall = () => {
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
height: 90px; height: 140px;
z-index: 1000; z-index: 1000;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: flex; display: flex;
align-items: center; align-items: center;
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, transparent 100%);
} }
.nav-minimal.scrolled { .nav-minimal.scrolled {
background: rgba(0, 0, 0, 0.85); background: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(25px); backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);
height: 75px; height: 100px;
border-bottom: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05);
} }
@ -178,9 +178,14 @@ const scrollToInstall = () => {
} }
.brand-logo-img { .brand-logo-img {
height: 50px; height: 100px; /* Doble del tamaño anterior */
width: auto; width: auto;
object-fit: contain; object-fit: contain;
transition: height 0.3s ease;
}
.nav-minimal.scrolled .brand-logo-img {
height: 70px;
} }
.nav-links { .nav-links {
@ -242,7 +247,7 @@ const scrollToInstall = () => {
.hero-content { .hero-content {
position: relative; position: relative;
z-index: 1; z-index: 1;
padding-top: 140px; /* Bajar el texto más */ padding-top: 200px; /* Bajar el texto aún más para el logo gigante */
} }
.hero-title { .hero-title {