Skip to content

Commit 5ec0dab

Browse files
axelhamilaxelhamil
committed
chore: rework style and landing page, move docs
1 parent 0f7fa40 commit 5ec0dab

54 files changed

Lines changed: 1227 additions & 1105 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎apps/nextjs/app/(auth)/forgot-password/_components/forgot-password-form.tsx‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use client";
22

33
import { zodResolver } from "@hookform/resolvers/zod";
4-
import { BrutalistButton } from "@packages/ui/components/brutalist-button";
4+
import { Button } from "@packages/ui/components/ui/button";
55
import {
66
Form,
77
FormControl,
@@ -88,12 +88,7 @@ export function ForgotPasswordForm() {
8888
</FormItem>
8989
)}
9090
/>
91-
<BrutalistButton
92-
type="submit"
93-
variant="dark"
94-
className="w-full"
95-
disabled={isPending}
96-
>
91+
<Button type="submit" className="w-full" disabled={isPending}>
9792
{isPending ? (
9893
<>
9994
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
@@ -102,7 +97,7 @@ export function ForgotPasswordForm() {
10297
) : (
10398
"Send Reset Link"
10499
)}
105-
</BrutalistButton>
100+
</Button>
106101
</form>
107102
<p className="text-sm text-muted-foreground text-center mt-4">
108103
Remember your password?{" "}

‎apps/nextjs/app/(auth)/forgot-password/page.tsx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
11
import {
2-
BrutalistCard,
3-
BrutalistCardContent,
4-
BrutalistCardDescription,
5-
BrutalistCardHeader,
6-
BrutalistCardTitle,
7-
} from "@packages/ui/components/brutalist-card";
2+
Card,
3+
CardContent,
4+
CardDescription,
5+
CardHeader,
6+
CardTitle,
7+
} from "@packages/ui/components/ui/card";
88
import { ForgotPasswordForm } from "./_components/forgot-password-form";
99

1010
export default function ForgotPasswordPage() {
1111
return (
12-
<BrutalistCard>
13-
<BrutalistCardHeader>
14-
<BrutalistCardTitle>Reset Password</BrutalistCardTitle>
15-
<BrutalistCardDescription>
12+
<Card className="w-full max-w-md">
13+
<CardHeader className="text-center">
14+
<CardTitle>Reset Password</CardTitle>
15+
<CardDescription>
1616
Enter your email to receive a password reset link
17-
</BrutalistCardDescription>
18-
</BrutalistCardHeader>
19-
<BrutalistCardContent>
17+
</CardDescription>
18+
</CardHeader>
19+
<CardContent>
2020
<ForgotPasswordForm />
21-
</BrutalistCardContent>
22-
</BrutalistCard>
21+
</CardContent>
22+
</Card>
2323
);
2424
}

‎apps/nextjs/app/(auth)/login/_components/login-form.tsx‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use client";
22

33
import { zodResolver } from "@hookform/resolvers/zod";
4-
import { BrutalistButton } from "@packages/ui/components/brutalist-button";
4+
import { Button } from "@packages/ui/components/ui/button";
55
import { Checkbox } from "@packages/ui/components/ui/checkbox";
66
import {
77
Form,
@@ -106,12 +106,7 @@ export function LoginForm() {
106106
</FormItem>
107107
)}
108108
/>
109-
<BrutalistButton
110-
type="submit"
111-
variant="dark"
112-
className="w-full"
113-
disabled={isPending}
114-
>
109+
<Button type="submit" className="w-full" disabled={isPending}>
115110
{isPending ? (
116111
<>
117112
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
@@ -120,7 +115,7 @@ export function LoginForm() {
120115
) : (
121116
"Sign In"
122117
)}
123-
</BrutalistButton>
118+
</Button>
124119
</form>
125120
<p className="text-sm text-muted-foreground text-center mt-4">
126121
Forgot your password?{" "}

‎apps/nextjs/app/(auth)/login/_components/oauth-buttons.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
"use client";
22

3-
import { BrutalistButton } from "@packages/ui/components/brutalist-button";
3+
import { Button } from "@packages/ui/components/ui/button";
44
import { useTransition } from "react";
55
import { toast } from "sonner";
66
import { authClient } from "@/common/auth-client";
@@ -67,7 +67,7 @@ export function OAuthButtons() {
6767

6868
return (
6969
<div className="grid gap-2">
70-
<BrutalistButton
70+
<Button
7171
type="button"
7272
variant="outline"
7373
className="w-full"
@@ -76,8 +76,8 @@ export function OAuthButtons() {
7676
>
7777
<GoogleIcon />
7878
Continue with Google
79-
</BrutalistButton>
80-
<BrutalistButton
79+
</Button>
80+
<Button
8181
type="button"
8282
variant="outline"
8383
className="w-full"
@@ -86,7 +86,7 @@ export function OAuthButtons() {
8686
>
8787
<GitHubIcon />
8888
Continue with GitHub
89-
</BrutalistButton>
89+
</Button>
9090
</div>
9191
);
9292
}

‎apps/nextjs/app/(auth)/login/page.tsx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
11
import {
2-
BrutalistCard,
3-
BrutalistCardContent,
4-
BrutalistCardDescription,
5-
BrutalistCardHeader,
6-
BrutalistCardTitle,
7-
} from "@packages/ui/components/brutalist-card";
2+
Card,
3+
CardContent,
4+
CardDescription,
5+
CardHeader,
6+
CardTitle,
7+
} from "@packages/ui/components/ui/card";
88
import { LoginForm } from "./_components/login-form";
99

1010
export default function LoginPage() {
1111
return (
12-
<BrutalistCard>
13-
<BrutalistCardHeader>
14-
<BrutalistCardTitle>Sign In</BrutalistCardTitle>
15-
<BrutalistCardDescription>
12+
<Card className="w-full max-w-md">
13+
<CardHeader className="text-center">
14+
<CardTitle>Sign In</CardTitle>
15+
<CardDescription>
1616
Enter your credentials to access your account
17-
</BrutalistCardDescription>
18-
</BrutalistCardHeader>
19-
<BrutalistCardContent>
17+
</CardDescription>
18+
</CardHeader>
19+
<CardContent>
2020
<LoginForm />
21-
</BrutalistCardContent>
22-
</BrutalistCard>
21+
</CardContent>
22+
</Card>
2323
);
2424
}

‎apps/nextjs/app/(auth)/register/_components/register-form.tsx‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use client";
22

33
import { zodResolver } from "@hookform/resolvers/zod";
4-
import { BrutalistButton } from "@packages/ui/components/brutalist-button";
4+
import { Button } from "@packages/ui/components/ui/button";
55
import {
66
Form,
77
FormControl,
@@ -128,12 +128,7 @@ export function RegisterForm() {
128128
</FormItem>
129129
)}
130130
/>
131-
<BrutalistButton
132-
type="submit"
133-
variant="dark"
134-
className="w-full"
135-
disabled={isPending}
136-
>
131+
<Button type="submit" className="w-full" disabled={isPending}>
137132
{isPending ? (
138133
<>
139134
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
@@ -142,7 +137,7 @@ export function RegisterForm() {
142137
) : (
143138
"Create Account"
144139
)}
145-
</BrutalistButton>
140+
</Button>
146141
</form>
147142
<p className="text-sm text-muted-foreground text-center mt-4">
148143
Already have an account?{" "}

‎apps/nextjs/app/(auth)/register/page.tsx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
11
import {
2-
BrutalistCard,
3-
BrutalistCardContent,
4-
BrutalistCardDescription,
5-
BrutalistCardHeader,
6-
BrutalistCardTitle,
7-
} from "@packages/ui/components/brutalist-card";
2+
Card,
3+
CardContent,
4+
CardDescription,
5+
CardHeader,
6+
CardTitle,
7+
} from "@packages/ui/components/ui/card";
88
import { RegisterForm } from "./_components/register-form";
99

1010
export default function RegisterPage() {
1111
return (
12-
<BrutalistCard>
13-
<BrutalistCardHeader>
14-
<BrutalistCardTitle>Create Account</BrutalistCardTitle>
15-
<BrutalistCardDescription>
12+
<Card className="w-full max-w-md">
13+
<CardHeader className="text-center">
14+
<CardTitle>Create Account</CardTitle>
15+
<CardDescription>
1616
Enter your details to create a new account
17-
</BrutalistCardDescription>
18-
</BrutalistCardHeader>
19-
<BrutalistCardContent>
17+
</CardDescription>
18+
</CardHeader>
19+
<CardContent>
2020
<RegisterForm />
21-
</BrutalistCardContent>
22-
</BrutalistCard>
21+
</CardContent>
22+
</Card>
2323
);
2424
}

‎apps/nextjs/app/(auth)/reset-password/_components/reset-password-form.tsx‎

Lines changed: 3 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
"use client";
22

33
import { zodResolver } from "@hookform/resolvers/zod";
4-
import { BrutalistButton } from "@packages/ui/components/brutalist-button";
4+
import { Button } from "@packages/ui/components/ui/button";
55
import {
66
Form,
77
FormControl,
@@ -133,12 +133,7 @@ function ResetPasswordFormContent() {
133133
</FormItem>
134134
)}
135135
/>
136-
<BrutalistButton
137-
type="submit"
138-
variant="dark"
139-
className="w-full"
140-
disabled={isPending}
141-
>
136+
<Button type="submit" className="w-full" disabled={isPending}>
142137
{isPending ? (
143138
<>
144139
<Loader2 className="mr-2 h-4 w-4 animate-spin" />
@@ -147,7 +142,7 @@ function ResetPasswordFormContent() {
147142
) : (
148143
"Reset Password"
149144
)}
150-
</BrutalistButton>
145+
</Button>
151146
</form>
152147
<p className="text-sm text-muted-foreground text-center mt-4">
153148
Remember your password?{" "}

‎apps/nextjs/app/(auth)/reset-password/page.tsx‎

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,22 @@
11
import {
2-
BrutalistCard,
3-
BrutalistCardContent,
4-
BrutalistCardDescription,
5-
BrutalistCardHeader,
6-
BrutalistCardTitle,
7-
} from "@packages/ui/components/brutalist-card";
2+
Card,
3+
CardContent,
4+
CardDescription,
5+
CardHeader,
6+
CardTitle,
7+
} from "@packages/ui/components/ui/card";
88
import { ResetPasswordForm } from "./_components/reset-password-form";
99

1010
export default function ResetPasswordPage() {
1111
return (
12-
<BrutalistCard>
13-
<BrutalistCardHeader>
14-
<BrutalistCardTitle>Set New Password</BrutalistCardTitle>
15-
<BrutalistCardDescription>
16-
Enter your new password below
17-
</BrutalistCardDescription>
18-
</BrutalistCardHeader>
19-
<BrutalistCardContent>
12+
<Card className="w-full max-w-md">
13+
<CardHeader className="text-center">
14+
<CardTitle>Set New Password</CardTitle>
15+
<CardDescription>Enter your new password below</CardDescription>
16+
</CardHeader>
17+
<CardContent>
2018
<ResetPasswordForm />
21-
</BrutalistCardContent>
22-
</BrutalistCard>
19+
</CardContent>
20+
</Card>
2321
);
2422
}

‎apps/nextjs/app/(protected)/_components/mobile-nav.tsx‎

Lines changed: 11 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
"use client";
22

3-
import { BrutalistButton } from "@packages/ui/components/brutalist-button";
3+
import { Button } from "@packages/ui/components/ui/button";
44
import {
55
Sheet,
66
SheetContent,
@@ -32,19 +32,16 @@ export function MobileNav() {
3232
return (
3333
<Sheet open={open} onOpenChange={setOpen}>
3434
<SheetTrigger asChild className="lg:hidden">
35-
<BrutalistButton variant="outline" size="sm" className="h-10 w-10 p-0">
36-
<Menu className="h-5 w-5" strokeWidth={2.5} />
35+
<Button variant="outline" size="icon" className="h-10 w-10">
36+
<Menu className="h-5 w-5" />
3737
<span className="sr-only">Toggle menu</span>
38-
</BrutalistButton>
38+
</Button>
3939
</SheetTrigger>
40-
<SheetContent
41-
side="left"
42-
className="w-64 p-0 border-r-3 border-black dark:border-white rounded-none"
43-
>
44-
<div className="flex h-16 items-center border-b-3 border-black dark:border-white px-6">
40+
<SheetContent side="left" className="w-64 p-0">
41+
<div className="flex h-16 items-center border-b px-6">
4542
<Link
4643
href="/dashboard"
47-
className="font-black text-xl uppercase tracking-tight"
44+
className="font-bold text-xl"
4845
onClick={() => setOpen(false)}
4946
>
5047
AppName
@@ -60,13 +57,13 @@ export function MobileNav() {
6057
href={item.href}
6158
onClick={() => setOpen(false)}
6259
className={cn(
63-
"flex items-center gap-3 px-3 py-2.5 font-bold uppercase text-sm tracking-wide transition-all border-3",
60+
"flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-colors",
6461
isActive
65-
? "bg-black text-white dark:bg-white dark:text-black border-black dark:border-white shadow-[3px_3px_0px_0px_rgba(0,0,0,1)] dark:shadow-[3px_3px_0px_0px_rgba(255,255,255,1)]"
66-
: "bg-white text-black dark:bg-black dark:text-white border-transparent hover:border-black dark:hover:border-white",
62+
? "bg-primary text-primary-foreground"
63+
: "text-muted-foreground hover:text-foreground hover:bg-secondary/50",
6764
)}
6865
>
69-
<item.icon className="h-5 w-5" strokeWidth={2.5} />
66+
<item.icon className="h-5 w-5" />
7067
{item.name}
7168
</Link>
7269
);

0 commit comments

Comments
 (0)