diff --git a/package-lock.json b/package-lock.json index be75a75..f6f7524 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,7 @@ "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-separator": "^1.0.3", "@radix-ui/react-slider": "^1.1.2", + "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-tooltip": "^1.0.7", "@sentry/nextjs": "^7.74.1", "bluebird": "^3.7.2", diff --git a/package.json b/package.json index 176dc34..b92e1db 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-separator": "^1.0.3", "@radix-ui/react-slider": "^1.1.2", + "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-tooltip": "^1.0.7", "@sentry/nextjs": "^7.74.1", "bluebird": "^3.7.2", diff --git a/src/app/analytics/page.tsx b/src/app/analytics/page.tsx index e438b58..6574399 100644 --- a/src/app/analytics/page.tsx +++ b/src/app/analytics/page.tsx @@ -57,7 +57,10 @@ export default async function Analytics() { return (
- +

Analytics

Scoresaber metrics and statistics over the last 30 days. diff --git a/src/app/credits/page.tsx b/src/app/credits/page.tsx index 52ef38c..21d1ae7 100644 --- a/src/app/credits/page.tsx +++ b/src/app/credits/page.tsx @@ -21,7 +21,7 @@ export default async function Analytics() { return (

- +

Credits

This website is made possible because of the following: diff --git a/src/app/globals.css b/src/app/globals.css index a9e8d03..5e40d28 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -5,64 +5,47 @@ @layer base { :root { --background: 0 0% 100%; - --foreground: 224 71.4% 4.1%; - + --foreground: 240 10% 3.9%; --card: 0 0% 100%; - --card-foreground: 224 71.4% 4.1%; - + --card-foreground: 240 10% 3.9%; --popover: 0 0% 100%; - --popover-foreground: 224 71.4% 4.1%; - - --primary: 220.9 39.3% 11%; - --primary-foreground: 210 20% 98%; - - --secondary: 220 14.3% 95.9%; - --secondary-foreground: 220.9 39.3% 11%; - - --muted: 220 14.3% 95.9%; - --muted-foreground: 220 8.9% 46.1%; - - --accent: 220 14.3% 95.9%; - --accent-foreground: 220.9 39.3% 11%; - + --popover-foreground: 240 10% 3.9%; + --primary: 262.1 83.3% 57.8%; + --primary-foreground: 355.7 100% 97.3%; + --secondary: 240 4.8% 95.9%; + --secondary-foreground: 240 5.9% 10%; + --muted: 240 4.8% 95.9%; + --muted-foreground: 240 3.8% 46.1%; + --accent: 240 4.8% 95.9%; + --accent-foreground: 240 5.9% 10%; --destructive: 0 84.2% 60.2%; - --destructive-foreground: 210 20% 98%; - - --border: 220 13% 91%; - --input: 220 13% 91%; - --ring: 224 71.4% 4.1%; - + --destructive-foreground: 0 0% 98%; + --border: 240 5.9% 90%; + --input: 240 5.9% 90%; + --ring: 262.1 83.3% 57.8%; --radius: 0.5rem; } .dark { - --background: 224 71.4% 4.1%; - --foreground: 210 20% 98%; - - --card: 224 71.4% 4.1%; - --card-foreground: 210 20% 98%; - - --popover: 224 71.4% 4.1%; - --popover-foreground: 210 20% 98%; - - --primary: 210 20% 98%; - --primary-foreground: 220.9 39.3% 11%; - - --secondary: 215 27.9% 16.9%; - --secondary-foreground: 210 20% 98%; - - --muted: 215 27.9% 16.9%; - --muted-foreground: 217.9 10.6% 64.9%; - - --accent: 215 27.9% 16.9%; - --accent-foreground: 210 20% 98%; - + --background: 20 14.3% 4.1%; + --foreground: 0 0% 95%; + --card: 24 9.8% 10%; + --card-foreground: 0 0% 95%; + --popover: 0 0% 9%; + --popover-foreground: 0 0% 95%; + --primary: 262.1 83.3% 57.8%; + --primary-foreground: 144.9 80.4% 10%; + --secondary: 240 3.7% 15.9%; + --secondary-foreground: 0 0% 98%; + --muted: 0 0% 15%; + --muted-foreground: 240 5% 64.9%; + --accent: 12 6.5% 15.1%; + --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; - --destructive-foreground: 210 20% 98%; - - --border: 215 27.9% 16.9%; - --input: 215 27.9% 16.9%; - --ring: 216 12.2% 83.9%; + --destructive-foreground: 0 85.7% 97.3%; + --border: 240 3.7% 15.9%; + --input: 240 3.7% 15.9%; + --ring: 262.1 83.3% 57.8%; } } diff --git a/src/app/privacy/page.tsx b/src/app/privacy/page.tsx index e07ddd0..484ad43 100644 --- a/src/app/privacy/page.tsx +++ b/src/app/privacy/page.tsx @@ -25,7 +25,7 @@ export default async function Analytics() { return (

- +

Privacy

This site does not collect personal data. All of the data stored is diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx index 128f464..3aad52b 100644 --- a/src/app/search/page.tsx +++ b/src/app/search/page.tsx @@ -13,7 +13,10 @@ export default function Home() { return (

- +

Stranger

diff --git a/src/components/Card.tsx b/src/components/Card.tsx index b7a817a..0e4e401 100644 --- a/src/components/Card.tsx +++ b/src/components/Card.tsx @@ -3,13 +3,20 @@ import clsx from "clsx"; type CardProps = { className?: string; + outerClassName?: string; children: React.ReactNode; }; -export default function Card({ className, children }: CardProps) { +export default function Card({ + className, + outerClassName, + children, +}: CardProps) { return ( - - {children} + + + {children} + ); } diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 6251134..2fa3b82 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,5 +1,6 @@ import { ssrSettings } from "@/ssrSettings"; import { isProduction } from "@/utils/utils"; +import Card from "./Card"; const buttons = [ { @@ -19,8 +20,8 @@ const buildId = process.env.NEXT_PUBLIC_BUILD_ID export default function Footer() { return ( -