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

feat(dashboard): refina layout e widgets do painel

Browse Source
This commit is contained in:
Felipe Coutinho
2026-03-17 17:09:40 +00:00
parent 272e90aef9
commit 50177621ff
9 changed files with 91 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/shared/components/month-picker/month-navigation.tsx
View File

@@ -42,7 +42,7 @@ export default function MonthNavigation() {
};
return (
<Card className="sticky top-16 z-10 flex w-full flex-row p-4 backdrop-blur-sm bg-card/50">
<Card className="sticky top-16 z-10 flex w-full flex-row p-4">
<div className="flex items-center gap-1">
<NavigationButton
direction="left"

9
src/shared/components/navigation/navbar/app-navbar.tsx
View File

@@ -4,7 +4,6 @@ import { AnimatedThemeToggler } from "@/shared/components/animated-theme-toggler
import { Logo } from "@/shared/components/logo";
import { NotificationBell } from "@/shared/components/navigation/navbar/notification-bell";
import { RefreshPageButton } from "@/shared/components/refresh-page-button";
import { DotPattern } from "@/shared/components/ui/dot-pattern";
import { NavMenu } from "./nav-menu";
import { NavbarUser } from "./navbar-user";
@@ -32,14 +31,6 @@ export function AppNavbar({
return (
<header className="fixed top-0 left-0 right-0 z-50 flex h-16 shrink-0 items-center bg-primary">
<div className="pointer-events-none absolute inset-0 overflow-hidden">
<DotPattern
width={20}
height={20}
cx={1.25}
cy={1.25}
cr={1.25}
className="text-black/5 mask-[linear-gradient(to_right,transparent,black_5%,black_55%,transparent)]"
/>
<div className="absolute inset-0 bg-linear-to-b from-white/8 via-transparent to-black/6" />
</div>

24
src/shared/components/skeletons/dashboard-metrics-cards-skeleton.tsx
View File

@@ -12,23 +12,23 @@ export function DashboardMetricsCardsSkeleton() {
{Array.from({ length: 4 }).map((_, index) => (
<Card
key={index}
className="@container/card flex flex-col justify-between min-h-32"
className="@container/card min-h-36 justify-between gap-0"
>
<CardHeader>
<CardTitle className="flex items-center gap-1">
<Skeleton className="size-4 rounded-md bg-foreground/10" />
<Skeleton className="h-4 w-20 rounded-md bg-foreground/10" />
<CardHeader className="gap-4 pb-3">
<CardTitle className="flex items-center gap-2">
<Skeleton className="size-8 rounded-md bg-foreground/10" />
<Skeleton className="h-4 w-24 rounded-md bg-foreground/10" />
</CardTitle>
<div className="flex items-baseline gap-2 mt-auto pt-4">
<Skeleton className="h-9 w-32 rounded-md bg-foreground/10" />
<Skeleton className="h-4 w-12 rounded-md bg-foreground/10" />
<div className="flex flex-wrap items-end justify-between gap-3">
<Skeleton className="h-10 w-36 rounded-md bg-foreground/10" />
<Skeleton className="h-7 w-20 rounded-full bg-foreground/10" />
</div>
</CardHeader>
<CardFooter className="text-sm">
<div className="flex items-center gap-1.5">
<Skeleton className="h-3 w-20 rounded-md bg-foreground/10" />
<Skeleton className="h-3 w-16 rounded-md bg-foreground/10" />
<CardFooter className="items-start pt-0">
<div className="flex flex-col items-start gap-1.5">
<Skeleton className="h-3 w-24 rounded-md bg-foreground/10" />
<Skeleton className="h-4 w-20 rounded-md bg-foreground/10" />
</div>
</CardFooter>
</Card>