git.gladyson/openmonetis
1
0
Fork 1
mirror of https://github.com/felipegcoutinho/openmonetis.git synced 2026-05-09 11:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: ajusta espacamento de telas do dashboard

Browse Source
This commit is contained in:
Felipe Coutinho
2026-05-05 17:17:19 +00:00
parent 9c0669a152
commit 6ea064e1bd
10 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/app/(dashboard)/attachments/layout.tsx
View File

@@ -19,7 +19,6 @@ export default function RootLayout({
subtitle="Gerencie os anexos das suas transações" subtitle="Gerencie os anexos das suas transações"
/> />
<MonthNavigation /> <MonthNavigation />
{children} {children}
</section> </section>
); );

2
src/app/(dashboard)/budgets/page.tsx
View File

@@ -25,9 +25,7 @@ export default async function Page({ searchParams }: PageProps) {
const userId = await getUserId(); const userId = await getUserId();
const resolvedSearchParams = searchParams ? await searchParams : undefined; const resolvedSearchParams = searchParams ? await searchParams : undefined;
const periodoParam = getSingleParam(resolvedSearchParams, "periodo"); const periodoParam = getSingleParam(resolvedSearchParams, "periodo");
const { period: selectedPeriod } = parsePeriodParam(periodoParam); const { period: selectedPeriod } = parsePeriodParam(periodoParam);
const { budgets, categoriesOptions } = await fetchBudgetsForUser( const { budgets, categoriesOptions } = await fetchBudgetsForUser(
userId, userId,
selectedPeriod, selectedPeriod,

2
src/app/(dashboard)/calendar/page.tsx
View File

@@ -36,7 +36,7 @@ export default async function Page({ searchParams }: PageProps) {
}; };
return ( return (
<main className="flex flex-col gap-3"> <main className="flex flex-col gap-4">
<MonthNavigation /> <MonthNavigation />
<MonthlyCalendar <MonthlyCalendar
period={calendarPeriod} period={calendarPeriod}

2
src/app/(dashboard)/cards/page.tsx
View File

@@ -10,7 +10,7 @@ export default async function Page() {
await fetchAllCardsForUser(userId); await fetchAllCardsForUser(userId);
return ( return (
<main className="flex flex-col items-start gap-6"> <main className="flex flex-col gap-6">
<CardsPage <CardsPage
cards={activeCards} cards={activeCards}
archivedCards={archivedCards} archivedCards={archivedCards}

2
src/app/(dashboard)/categories/page.tsx
View File

@@ -9,7 +9,7 @@ export default async function Page() {
const categories = await fetchCategoriesForUser(userId); const categories = await fetchCategoriesForUser(userId);
return ( return (
<main className="flex flex-col items-start gap-6"> <main className="flex flex-col gap-6">
<CategoriesPage categories={categories} /> <CategoriesPage categories={categories} />
</main> </main>
); );

2
src/app/(dashboard)/inbox/page.tsx
View File

@@ -56,7 +56,7 @@ export default async function Page({ searchParams }: PageProps) {
const normalizedSourceApps = Array.isArray(sourceApps) ? sourceApps : []; const normalizedSourceApps = Array.isArray(sourceApps) ? sourceApps : [];
return ( return (
<main className="flex flex-col items-start gap-6"> <main className="flex flex-col gap-6">
<InboxPage <InboxPage
activeStatus={activeStatus} activeStatus={activeStatus}
activeApp={activeApp} activeApp={activeApp}

2
src/app/(dashboard)/notes/page.tsx
View File

@@ -9,7 +9,7 @@ export default async function Page() {
const { activeNotes, archivedNotes } = await fetchAllNotesForUser(userId); const { activeNotes, archivedNotes } = await fetchAllNotesForUser(userId);
return ( return (
<main className="flex flex-col items-start gap-6"> <main className="flex flex-col gap-6">
<NotesPage notes={activeNotes} archivedNotes={archivedNotes} /> <NotesPage notes={activeNotes} archivedNotes={archivedNotes} />
</main> </main>
); );

2
src/app/(dashboard)/payers/page.tsx
View File

@@ -9,7 +9,7 @@ export default async function Page() {
const { payers, avatarOptions } = await fetchPayersForUser(userId); const { payers, avatarOptions } = await fetchPayersForUser(userId);
return ( return (
<main className="flex flex-col items-start gap-6"> <main className="flex flex-col gap-6">
<PayersPage payers={payers} avatarOptions={avatarOptions} /> <PayersPage payers={payers} avatarOptions={avatarOptions} />
</main> </main>
); );

37
src/features/calendar/components/calendar-legend.tsx
View File

@@ -1,6 +1,7 @@
"use client"; "use client";
import { EVENT_TYPE_STYLES } from "@/features/calendar/components/day-cell"; import { EVENT_TYPE_STYLES } from "@/features/calendar/components/day-cell";
import { Card } from "@/shared/components/ui/card";
import { cn } from "@/shared/utils/ui"; import { cn } from "@/shared/utils/ui";
const LEGEND_ITEMS = [ const LEGEND_ITEMS = [
@@ -12,22 +13,24 @@ const LEGEND_ITEMS = [
export function CalendarLegend() { export function CalendarLegend() {
return ( return (
<ul className="flex items-center justify-start gap-2 px-1"> <Card className="px-4 py-2">
{LEGEND_ITEMS.map((item) => ( <ul className="flex flex-row items-center gap-2">
<li {LEGEND_ITEMS.map((item) => (
key={item.label} <li
className={cn( key={item.label}
"flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium", className={cn(
item.wrapper, "flex items-center gap-1 rounded-md px-2 py-1 text-xs font-medium",
)} item.wrapper,
> )}
<span >
className={cn("size-1.5 shrink-0 rounded-full", item.dot)} <span
aria-hidden className={cn("size-1.5 shrink-0 rounded-full", item.dot)}
/> aria-hidden
{item.label} />
</li> {item.label}
))} </li>
</ul> ))}
</ul>
</Card>
); );
} }

2
src/features/dashboard/components/bills/bill-list-item.tsx
View File

@@ -44,7 +44,7 @@ export function BillListItem({ bill, period, onPay }: BillListItemProps) {
return ( return (
<li className="flex items-center justify-between transition-all duration-300 py-1.5"> <li className="flex items-center justify-between transition-all duration-300 py-1.5">
<div className="flex min-w-0 flex-1 items-center gap-2 py-1"> <div className="flex min-w-0 flex-1 items-center gap-2 py-0.5">
<EstablishmentLogo name={bill.name} size={37} /> <EstablishmentLogo name={bill.name} size={37} />
<div className="min-w-0"> <div className="min-w-0">