diff --git a/src/app/globals.css b/src/app/globals.css index b50acdf..59eafee 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,7 +1,14 @@ +@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap'); + @tailwind base; @tailwind components; @tailwind utilities; +@keyframes loading { + 0% { transform: translateX(-100%); } + 100% { transform: translateX(400%); } +} + :root { --background: 210 40% 98%; --foreground: 222.2 84% 4.9%; @@ -9,7 +16,7 @@ --card-foreground: 222.2 84% 4.9%; --popover: 0 0% 100%; --popover-foreground: 222.2 84% 4.9%; - --primary: 221.2 83.2% 53.3%; + --primary: 0 100% 40%; --primary-foreground: 210 40% 98%; --secondary: 210 40% 96.1%; --secondary-foreground: 222.2 47.4% 11.2%; @@ -21,15 +28,15 @@ --destructive-foreground: 210 40% 98%; --border: 214.3 31.8% 91.4%; --input: 214.3 31.8% 91.4%; - --ring: 221.2 83.2% 53.3%; + --ring: 0 100% 40%; --sidebar: 0 0% 100%; --sidebar-foreground: 222.2 84% 4.9%; - --sidebar-primary: 221.2 83.2% 53.3%; + --sidebar-primary: 0 100% 40%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 210 40% 96.1%; --sidebar-accent-foreground: 222.2 84% 4.9%; --sidebar-border: 214.3 31.8% 91.4%; - --sidebar-ring: 221.2 83.2% 53.3%; + --sidebar-ring: 0 100% 40%; --radius: 0.5rem; } @@ -40,7 +47,7 @@ --card-foreground: 210 40% 98%; --popover: 222.2 84% 4.9%; --popover-foreground: 210 40% 98%; - --primary: 217.2 91.2% 59.8%; + --primary: 0 100% 53%; --primary-foreground: 222.2 47.4% 11.2%; --secondary: 217.2 32.6% 17.5%; --secondary-foreground: 210 40% 98%; @@ -52,15 +59,15 @@ --destructive-foreground: 210 40% 98%; --border: 217.2 32.6% 17.5%; --input: 217.2 32.6% 17.5%; - --ring: 224.3 76.3% 48%; + --ring: 0 100% 53%; --sidebar: 222.2 84% 4.9%; --sidebar-foreground: 210 40% 98%; - --sidebar-primary: 217.2 91.2% 59.8%; + --sidebar-primary: 0 100% 53%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 217.2 32.6% 17.5%; --sidebar-accent-foreground: 210 40% 98%; --sidebar-border: 217.2 32.6% 17.5%; - --sidebar-ring: 224.3 76.3% 48%; + --sidebar-ring: 0 100% 53%; } .ocean { diff --git a/src/components/dashboard/stat-card-skeleton.tsx b/src/components/dashboard/stat-card-skeleton.tsx index 918a7e4..eec1d4c 100644 --- a/src/components/dashboard/stat-card-skeleton.tsx +++ b/src/components/dashboard/stat-card-skeleton.tsx @@ -1,20 +1,17 @@ "use client" -import { Card, CardContent } from "@/components/ui/card" -import { Skeleton } from "@/components/ui/skeleton" - export function StatCardSkeleton() { return ( - - -
-
- - -
- -
- - +
+

+ THWIP! +

+

+ Loading your data... +

+
+
+
+
) } diff --git a/src/components/layout/app-shell.tsx b/src/components/layout/app-shell.tsx index ebd04ef..36eba4b 100644 --- a/src/components/layout/app-shell.tsx +++ b/src/components/layout/app-shell.tsx @@ -34,7 +34,52 @@ export function AppShell({ children }: AppShellProps) { } return ( -
+
+ {/* Spider-Man top gradient bar */} +
+ + {/* Corner spider webs */} +
+ + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + + + + +
+
-

{title}

- {description &&

{description}

} +

{title}

+ {description &&

{description}

}
{children &&
{children}
} diff --git a/src/data/dashboard.ts b/src/data/dashboard.ts index 33436d2..dadf75a 100644 --- a/src/data/dashboard.ts +++ b/src/data/dashboard.ts @@ -30,11 +30,11 @@ export function getDashboardStats(period: string): DashboardStats { }) return [ - { name: "Open", value: statusCounts.open, color: "#3b82f6" }, - { name: "Contacted", value: statusCounts.contacted, color: "#f59e0b" }, - { name: "Pending", value: statusCounts.pending, color: "#8b5cf6" }, - { name: "Closed", value: statusCounts.closed, color: "#10b981" }, - { name: "Ignored", value: statusCounts.ignored, color: "#6B7280" }, + { name: "Open", value: statusCounts.open, color: "#CC0000" }, + { name: "Contacted", value: statusCounts.contacted, color: "#0033CC" }, + { name: "Pending", value: statusCounts.pending, color: "#FFFFFF" }, + { name: "Closed", value: statusCounts.closed, color: "#0033CC" }, + { name: "Ignored", value: statusCounts.ignored, color: "#CC0000" }, ] }