armando/sinka
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center the landing hero copy in the middle of the screen.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
armando 2026-09-16 05:26:31 -03:00
parent 89f7a2c71c
commit 1f0559f544
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/app/globals.css
View File

@ -126,9 +126,11 @@ h3,
min-height: 100vh;
min-height: 100dvh;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 6.5rem 1.5rem 5rem;
background: radial-gradient(ellipse at 28% 42%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.38) 52%, rgba(0, 0, 0, 0.16) 80%);
text-align: center;
padding: 5.5rem 1.5rem;
background: radial-gradient(ellipse at 50% 50%, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.16) 82%);
opacity: calc(1 - min(1, var(--scrub, 0) * 2.6));
}
@ -138,7 +140,7 @@ h3,
@media (min-width: 768px) {
.hero-copy {
padding: 7rem 4rem 5.5rem;
padding: 5.5rem 4rem;
}
}

2
web/src/components/landing/sinka-landing.tsx
View File

@ -45,7 +45,7 @@ export function SinkaLanding() {
Simule fretes, analise custos e transforme dados logísticos em decisões mais
inteligentes.
</p>
<div className="mt-8 flex flex-wrap gap-3">
<div className="mt-8 flex flex-wrap justify-center gap-3">
<a href="#problema" className="btn-ghost">
Conhecer a plataforma
</a>