style(ui): ajusta tipografia e descricoes

This commit is contained in:
Felipe Coutinho
2026-05-28 10:59:46 -03:00
parent 60b2612e8a
commit 27f361923c
7 changed files with 18 additions and 15 deletions

View File

@@ -1,6 +1,6 @@
import { Inter } from "next/font/google"; import { Golos_Text } from "next/font/google";
export const inter = Inter({ export const inter = Golos_Text({
subsets: ["latin"], subsets: ["latin"],
display: "swap", display: "swap",
variable: "--font-inter", variable: "--font-inter",

View File

@@ -16,8 +16,7 @@ export default function RootLayout({
icon={<RiBankLine />} icon={<RiBankLine />}
title="Contas" title="Contas"
subtitle="Acompanhe todas as contas do mês selecionado incluindo receitas, subtitle="Acompanhe todas as contas do mês selecionado incluindo receitas,
despesas e transações previstas. Use o seletor abaixo para navegar pelos despesas e transações previstas."
meses e visualizar as movimentações correspondentes."
/> />
{children} {children}
</section> </section>

View File

@@ -16,8 +16,7 @@ export default function RootLayout({
icon={<RiBankCard2Line />} icon={<RiBankCard2Line />}
title="Cartões" title="Cartões"
subtitle="Acompanhe todas os cartões do mês selecionado incluindo faturas, limites subtitle="Acompanhe todas os cartões do mês selecionado incluindo faturas, limites
e transações previstas. Use o seletor abaixo para navegar pelos meses e e transações previstas."
visualizar as movimentações correspondentes."
/> />
{children} {children}
</section> </section>

View File

@@ -16,8 +16,7 @@ export default function RootLayout({
icon={<RiArrowLeftRightLine />} icon={<RiArrowLeftRightLine />}
title="Lançamentos" title="Lançamentos"
subtitle="Acompanhe todos os lançamentos financeiros do mês selecionado incluindo subtitle="Acompanhe todos os lançamentos financeiros do mês selecionado incluindo
receitas, despesas e transações previstas. Use o seletor abaixo para receitas, despesas e transações previstas."
navegar pelos meses e visualizar as movimentações correspondentes."
/> />
{children} {children}
</section> </section>

View File

@@ -28,7 +28,7 @@
--accent: oklch(94.8% 0.009 65); --accent: oklch(94.8% 0.009 65);
--accent-foreground: var(--foreground); --accent-foreground: var(--foreground);
--success: oklch(61.685% 0.13077 162.978); --success: oklch(63.924% 0.1657 151.561);
--success-foreground: oklch(98% 0.01 150); --success-foreground: oklch(98% 0.01 150);
--warning: oklch(78.357% 0.15147 68.301); --warning: oklch(78.357% 0.15147 68.301);
--warning-foreground: oklch(20% 0.04 85); --warning-foreground: oklch(20% 0.04 85);

View File

@@ -44,7 +44,10 @@ export function NavMenu() {
return ( return (
<> <>
{/* Desktop */} {/* Desktop */}
<nav className="hidden md:flex items-center justify-center flex-1 gap-4"> <nav
aria-label="Navegação principal"
className="hidden md:flex items-center justify-center flex-1 gap-4"
>
<NavigationMenu viewport={false}> <NavigationMenu viewport={false}>
<NavigationMenuList className="gap-2"> <NavigationMenuList className="gap-2">
<NavigationMenuItem> <NavigationMenuItem>
@@ -97,7 +100,7 @@ export function NavMenu() {
size="icon-sm" size="icon-sm"
className="-order-1 md:hidden" className="-order-1 md:hidden"
> >
<RiMenuLine className="size-5" /> <RiMenuLine className="size-5" aria-hidden />
<span className="sr-only">Abrir menu</span> <span className="sr-only">Abrir menu</span>
</Button> </Button>
</SheetTrigger> </SheetTrigger>
@@ -105,10 +108,13 @@ export function NavMenu() {
<SheetHeader className="border-b border-border/60 p-4"> <SheetHeader className="border-b border-border/60 p-4">
<SheetTitle>Menu</SheetTitle> <SheetTitle>Menu</SheetTitle>
</SheetHeader> </SheetHeader>
<nav className="p-3 overflow-y-auto"> <nav
className="p-3 overflow-y-auto"
aria-label="Menu principal mobile"
>
<MobileLink <MobileLink
href="/dashboard" href="/dashboard"
icon={<RiDashboardLine className="size-4" />} icon={<RiDashboardLine className="size-4" aria-hidden />}
onClick={close} onClick={close}
preservePeriod preservePeriod
> >

View File

@@ -13,9 +13,9 @@ export default function PageDescription({
<span className="text-primary">{icon}</span> <span className="text-primary">{icon}</span>
{title} {title}
</h1> </h1>
<h2 className="text-sm max-w-2xl text-muted-foreground leading-relaxed"> <p className="text-sm max-w-2xl text-muted-foreground leading-relaxed">
{subtitle} {subtitle}
</h2> </p>
</div> </div>
); );
} }