giarf/familiarenacer-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add "Colaborar mensualmente" button to the navigation, wrapped in a new action container with updated styling.

Browse Source
This commit is contained in:
giarf
2026-03-17 12:31:33 -03:00
parent 64550a7904
commit 01d8b3ba45
1 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/RenacerLanding.astro
View File

@@ -56,7 +56,10 @@ const proyectos = [
<a href="#contacto">Contacto</a> <a href="#contacto">Contacto</a>
</div> </div>
<a class="nav-cta" href="#contacto">Ser Voluntario</a> <div class="nav-actions">
<a class="nav-secondary" href="/colaboradormensual/">Colaborar mensualmente</a>
<a class="nav-cta" href="#contacto">Ser Voluntario</a>
</div>
</nav> </nav>
<section class="hero" id="nosotros"> <section class="hero" id="nosotros">
@@ -203,7 +206,14 @@ const proyectos = [
color: var(--brand-dark); color: var(--brand-dark);
} }
.nav-actions {
display: flex;
align-items: center;
gap: 0.85rem;
}
.nav-cta, .nav-cta,
.nav-secondary,
.primary-action, .primary-action,
.secondary-action { .secondary-action {
display: inline-flex; display: inline-flex;
@@ -225,7 +235,15 @@ const proyectos = [
box-shadow: 0 16px 28px rgba(8, 52, 183, 0.22); box-shadow: 0 16px 28px rgba(8, 52, 183, 0.22);
} }
.nav-secondary {
padding: 1rem 1.35rem;
border: 1px solid rgba(8, 52, 183, 0.14);
background: rgba(8, 52, 183, 0.06);
color: var(--brand-dark);
}
.nav-cta:hover, .nav-cta:hover,
.nav-secondary:hover,
.primary-action:hover, .primary-action:hover,
.secondary-action:hover { .secondary-action:hover {
transform: translateY(-2px); transform: translateY(-2px);
@@ -524,7 +542,14 @@ const proyectos = [
font-size: 1.7rem; font-size: 1.7rem;
} }
.nav-cta { .nav-actions {
width: 100%;
flex-direction: column;
}
.nav-cta,
.nav-secondary {
width: 100%;
padding: 0.95rem 1.2rem; padding: 0.95rem 1.2rem;
font-size: 0.95rem; font-size: 0.95rem;
} }