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

fonte menor no site, menu maior e dash sem titulo

Browse Source
This commit is contained in:
Armando Soares 2026-09-16 05:43:57 +00:00
parent 0fd708762c
commit 96ef241731
5 changed files with 20 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/app/[tenant]/(panel)/page.tsx
View File

@ -74,15 +74,7 @@ export default function DashboardPage() {
return (
<section>
<p className="text-xs font-semibold uppercase tracking-[0.28em] text-[#82C85C]">Dashboard</p>
<h1 className="font-display mt-2 text-4xl font-extrabold uppercase">Decisão da operação</h1>
<p className="mt-4 max-w-2xl text-[#E8F4E5]/65">
Últimos {data.periodDays} dias · {data.customers} cliente{data.customers === 1 ? "" : "s"} ·{" "}
{data.activeCarriers} transportadora{data.activeCarriers === 1 ? "" : "s"} ativa
{data.activeCarriers === 1 ? "" : "s"}
</p>
<ul className="mt-8 grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
<ul className="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
{cards.map((card) => (
<li key={card.label} className="rounded-2xl border border-white/10 px-5 py-5">
<p className="text-xs uppercase tracking-wider text-[#E8F4E5]/45">{card.label}</p>

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

@ -231,9 +231,9 @@ h3,
.chapter h2 {
max-width: 16ch;
margin: 0;
font-size: clamp(2.4rem, 6vw, 4.6rem);
font-size: clamp(1.85rem, 4.2vw, 3.15rem);
font-weight: 800;
line-height: 0.95;
line-height: 1.05;
text-transform: uppercase;
}
@ -249,8 +249,8 @@ h3,
.lede {
max-width: 34rem;
margin: 1.25rem 0 0;
font-size: 1.2rem;
line-height: 1.5;
font-size: 1.05rem;
line-height: 1.55;
color: rgba(232, 244, 229, 0.62);
}
@ -465,7 +465,7 @@ h3,
}
.route-line {
font-size: 1.4rem;
font-size: 1.15rem;
font-weight: 600;
}
@ -513,7 +513,7 @@ h3,
.live-feed li {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
padding: 1rem 0;
font-size: 1.25rem;
font-size: 1.05rem;
}
.flow {
@ -578,8 +578,8 @@ h3,
}
.metrics strong {
font-size: clamp(3rem, 8vw, 5.5rem);
line-height: 0.9;
font-size: clamp(2.2rem, 5.5vw, 3.6rem);
line-height: 0.95;
}
.metrics p {
@ -597,7 +597,7 @@ h3,
@media (max-width: 767px) {
.hero-copy h1 {
font-size: 2.6rem;
font-size: 2.05rem;
}
.carrier-table {

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

@ -38,10 +38,10 @@ export function SinkaLanding() {
<ScrollFilm src="/film/sinka-hero.mp4?v=2" poster="/film/sinka-hero-poster.jpg">
<section className="hero-copy">
<h1 className="mt-0 max-w-3xl font-display text-5xl font-extrabold leading-[0.95] md:text-7xl">
<h1 className="mt-0 max-w-3xl font-display text-4xl font-extrabold leading-[1.02] md:text-5xl">
A inteligência que move sua operação.
</h1>
<p className="mt-6 max-w-lg text-lg text-[#E8F4E5]/65">
<p className="mt-5 max-w-lg text-base text-[#E8F4E5]/65">
Simule fretes, analise custos e transforme dados logísticos em decisões mais
inteligentes.
</p>

12
web/src/components/landing/site-header.tsx
View File

@ -15,19 +15,19 @@ export function SiteHeader() {
return (
<header className="fixed top-0 z-40 w-full bg-black/55 backdrop-blur-md">
<div className="mx-auto flex max-w-6xl items-center justify-between gap-4 px-5 py-3">
<div className="mx-auto flex max-w-6xl items-center justify-between gap-4 px-5 py-4">
<a href="#topo" className="shrink-0" onClick={() => setOpen(false)}>
<Image
src="/brand/sinka-logo.webp"
alt="Sinka: Inteligência em Logística"
width={180}
height={58}
className="h-7 w-auto md:h-8"
className="h-8 w-auto md:h-9"
priority
/>
</a>
<nav className="hidden items-center gap-7 text-sm text-[#E8F4E5]/70 md:flex">
<nav className="hidden items-center gap-8 text-base text-[#E8F4E5]/80 md:flex">
{links.map((link) => (
<a key={link.href} href={link.href} className="transition hover:text-[#E8F4E5]">
{link.label}
@ -38,13 +38,13 @@ export function SiteHeader() {
<div className="flex items-center gap-2">
<a
href="#acesso"
className="hidden rounded-full border border-[#82C85C]/40 px-4 py-2 text-xs font-semibold uppercase tracking-wide text-[#E8F4E5] md:inline-flex"
className="hidden rounded-full border border-[#82C85C]/40 px-5 py-2.5 text-sm font-semibold uppercase tracking-wide text-[#E8F4E5] md:inline-flex"
>
Conhecer a plataforma
</a>
<a
href="/cliente-1/login"
className="rounded-full bg-[#82C85C] px-4 py-2 text-xs font-semibold uppercase tracking-wide text-black"
className="rounded-full bg-[#82C85C] px-5 py-2.5 text-sm font-semibold uppercase tracking-wide text-black"
>
Entrar
</a>
@ -61,7 +61,7 @@ export function SiteHeader() {
</div>
{open ? (
<nav className="flex flex-col gap-3 border-t border-white/10 px-5 py-4 md:hidden">
<nav className="flex flex-col gap-3 border-t border-white/10 px-5 py-4 text-base md:hidden">
{links.map((link) => (
<a
key={link.href}

4
web/src/components/restricted-shell.tsx
View File

@ -123,7 +123,7 @@ export function RestrictedShell({
<Link
key={link.href}
href={link.href}
className={`rounded-lg px-3 py-2.5 text-sm ${
className={`rounded-lg px-3 py-3 text-base ${
active
? "bg-[#82C85C]/12 font-medium text-[#82C85C]"
: "text-[#E8F4E5]/70 hover:bg-white/5 hover:text-[#E8F4E5]"
@ -173,7 +173,7 @@ export function RestrictedShell({
) : null}
<aside
className={`fixed inset-y-0 left-0 z-40 flex w-64 flex-col border-r border-white/10 bg-black transition-transform lg:static lg:translate-x-0 ${
className={`fixed inset-y-0 left-0 z-40 flex w-72 flex-col border-r border-white/10 bg-black transition-transform lg:static lg:translate-x-0 ${
menuOpen ? "translate-x-0" : "-translate-x-full"
}`}
>