mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-06-09 23:06:01 +00:00
style(ui): ajusta tipografia e descricoes
This commit is contained in:
@@ -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",
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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);
|
||||||
|
|||||||
@@ -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
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user