Skip to content

Commit c6a7fc2

Browse files
kentcdoddskentcdodds
committed
chore: format
1 parent 2d15307 commit c6a7fc2

File tree

16 files changed

+44
-46
lines changed

16 files changed

+44
-46
lines changed

‎app/components/error-boundary.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ export function GeneralErrorBoundary({
4141
}, [error, isResponse])
4242

4343
return (
44-
<div className="container flex items-center justify-center p-20 text-h2">
44+
<div className="text-h2 container flex items-center justify-center p-20">
4545
{isResponse
4646
? (statusHandlers?.[error.status] ?? defaultStatusHandler)({
4747
error,

‎app/components/forms.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export function ErrorList({
2626
return (
2727
<ul id={id} className="flex flex-col gap-1">
2828
{errorsToRender.map((e) => (
29-
<li key={e} className="text-[10px] text-foreground-destructive">
29+
<li key={e} className="text-foreground-destructive text-[10px]">
3030
{e}
3131
</li>
3232
))}
@@ -57,7 +57,7 @@ export function Field({
5757
aria-describedby={errorId}
5858
{...inputProps}
5959
/>
60-
<div className="min-h-[32px] px-4 pb-3 pt-1">
60+
<div className="min-h-[32px] px-4 pt-1 pb-3">
6161
{errorId ? <ErrorList id={errorId} errors={errors} /> : null}
6262
</div>
6363
</div>
@@ -101,7 +101,7 @@ export function OTPField({
101101
<InputOTPSlot index={5} />
102102
</InputOTPGroup>
103103
</InputOTP>
104-
<div className="min-h-[32px] px-4 pb-3 pt-1">
104+
<div className="min-h-[32px] px-4 pt-1 pb-3">
105105
{errorId ? <ErrorList id={errorId} errors={errors} /> : null}
106106
</div>
107107
</div>
@@ -131,7 +131,7 @@ export function TextareaField({
131131
aria-describedby={errorId}
132132
{...textareaProps}
133133
/>
134-
<div className="min-h-[32px] px-4 pb-3 pt-1">
134+
<div className="min-h-[32px] px-4 pt-1 pb-3">
135135
{errorId ? <ErrorList id={errorId} errors={errors} /> : null}
136136
</div>
137137
</div>
@@ -191,10 +191,10 @@ export function CheckboxField({
191191
<label
192192
htmlFor={id}
193193
{...labelProps}
194-
className="self-center text-body-xs text-muted-foreground"
194+
className="text-body-xs text-muted-foreground self-center"
195195
/>
196196
</div>
197-
<div className="px-4 pb-3 pt-1">
197+
<div className="px-4 pt-1 pb-3">
198198
{errorId ? <ErrorList id={errorId} errors={errors} /> : null}
199199
</div>
200200
</div>

‎app/routes/$.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ export function ErrorBoundary() {
3232
<div className="flex flex-col gap-6">
3333
<div className="flex flex-col gap-3">
3434
<h1>We can't find this page:</h1>
35-
<pre className="whitespace-pre-wrap break-all text-body-lg">
35+
<pre className="text-body-lg break-all whitespace-pre-wrap">
3636
{location.pathname}
3737
</pre>
3838
</div>

‎app/routes/_auth+/forgot-password.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -131,15 +131,15 @@ export default function ForgotPasswordRoute() {
131131
})
132132

133133
return (
134-
<div className="container pb-32 pt-20">
134+
<div className="container pt-20 pb-32">
135135
<div className="flex flex-col justify-center">
136136
<div className="text-center">
137137
<h1 className="text-h1">Forgot Password</h1>
138-
<p className="mt-3 text-body-md text-muted-foreground">
138+
<p className="text-body-md text-muted-foreground mt-3">
139139
No worries, we'll send you reset instructions.
140140
</p>
141141
</div>
142-
<div className="mx-auto mt-16 min-w-full max-w-sm sm:min-w-[368px]">
142+
<div className="mx-auto mt-16 max-w-sm min-w-full sm:min-w-[368px]">
143143
<forgotPassword.Form method="POST" {...getFormProps(form)}>
144144
<HoneypotInputs />
145145
<div>
@@ -174,7 +174,7 @@ export default function ForgotPasswordRoute() {
174174
</forgotPassword.Form>
175175
<Link
176176
to="/login"
177-
className="mt-11 text-center text-body-sm font-bold"
177+
className="text-body-sm mt-11 text-center font-bold"
178178
>
179179
Back to Login
180180
</Link>

‎app/routes/_auth+/login.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,7 @@ export default function LoginPage({ actionData }: Route.ComponentProps) {
9999
})
100100

101101
return (
102-
<div className="flex min-h-full flex-col justify-center pb-32 pt-20">
102+
<div className="flex min-h-full flex-col justify-center pt-20 pb-32">
103103
<div className="mx-auto w-full max-w-md">
104104
<div className="flex flex-col gap-3 text-center">
105105
<h1 className="text-h1">Welcome back!</h1>

‎app/routes/_auth+/onboarding.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ export default function OnboardingRoute({
151151
})
152152

153153
return (
154-
<div className="container flex min-h-full flex-col justify-center pb-32 pt-20">
154+
<div className="container flex min-h-full flex-col justify-center pt-20 pb-32">
155155
<div className="mx-auto w-full max-w-lg">
156156
<div className="flex flex-col gap-3 text-center">
157157
<h1 className="text-h1">Welcome aboard {loaderData.email}!</h1>
@@ -162,7 +162,7 @@ export default function OnboardingRoute({
162162
<Spacer size="xs" />
163163
<Form
164164
method="POST"
165-
className="mx-auto min-w-full max-w-sm sm:min-w-[368px]"
165+
className="mx-auto max-w-sm min-w-full sm:min-w-[368px]"
166166
{...getFormProps(form)}
167167
>
168168
<HoneypotInputs />

‎app/routes/_auth+/reset-password.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -96,15 +96,15 @@ export default function ResetPasswordPage({
9696
})
9797

9898
return (
99-
<div className="container flex flex-col justify-center pb-32 pt-20">
99+
<div className="container flex flex-col justify-center pt-20 pb-32">
100100
<div className="text-center">
101101
<h1 className="text-h1">Password Reset</h1>
102-
<p className="mt-3 text-body-md text-muted-foreground">
102+
<p className="text-body-md text-muted-foreground mt-3">
103103
Hi, {loaderData.resetPasswordUsername}. No worries. It happens all the
104104
time.
105105
</p>
106106
</div>
107-
<div className="mx-auto mt-16 min-w-full max-w-sm sm:min-w-[368px]">
107+
<div className="mx-auto mt-16 max-w-sm min-w-full sm:min-w-[368px]">
108108
<Form method="POST" {...getFormProps(form)}>
109109
<Field
110110
labelProps={{

‎app/routes/_auth+/verify.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ export default function VerifyRoute({ actionData }: Route.ComponentProps) {
4949
const checkEmail = (
5050
<>
5151
<h1 className="text-h1">Check your email</h1>
52-
<p className="mt-3 text-body-md text-muted-foreground">
52+
<p className="text-body-md text-muted-foreground mt-3">
5353
We've sent you a code to verify your email address.
5454
</p>
5555
</>
@@ -62,7 +62,7 @@ export default function VerifyRoute({ actionData }: Route.ComponentProps) {
6262
'2fa': (
6363
<>
6464
<h1 className="text-h1">Check your 2FA app</h1>
65-
<p className="mt-3 text-body-md text-muted-foreground">
65+
<p className="text-body-md text-muted-foreground mt-3">
6666
Please enter your 2FA code to verify your identity.
6767
</p>
6868
</>
@@ -85,7 +85,7 @@ export default function VerifyRoute({ actionData }: Route.ComponentProps) {
8585
})
8686

8787
return (
88-
<main className="container flex flex-col justify-center pb-32 pt-20">
88+
<main className="container flex flex-col justify-center pt-20 pb-32">
8989
<div className="text-center">
9090
{type ? headings[type] : 'Invalid Verification Type'}
9191
</div>

‎app/routes/_marketing+/index.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -34,10 +34,10 @@ export default function Index() {
3434
<div className="flex max-w-md flex-col items-center text-center xl:order-2 xl:items-start xl:text-left">
3535
<a
3636
href="https://www.epicweb.dev/stack"
37-
className="animate-slide-top [animation-fill-mode:backwards] xl:animate-slide-left xl:[animation-delay:0.5s] xl:[animation-fill-mode:backwards]"
37+
className="animate-slide-top xl:animate-slide-left [animation-fill-mode:backwards] xl:[animation-delay:0.5s] xl:[animation-fill-mode:backwards]"
3838
>
3939
<svg
40-
className="size-20 text-foreground xl:-mt-4"
40+
className="text-foreground size-20 xl:-mt-4"
4141
xmlns="http://www.w3.org/2000/svg"
4242
fill="none"
4343
viewBox="0 0 65 65"
@@ -50,13 +50,13 @@ export default function Index() {
5050
</a>
5151
<h1
5252
data-heading
53-
className="mt-8 animate-slide-top text-4xl font-medium text-foreground [animation-delay:0.3s] [animation-fill-mode:backwards] md:text-5xl xl:mt-4 xl:animate-slide-left xl:text-6xl xl:[animation-delay:0.8s] xl:[animation-fill-mode:backwards]"
53+
className="animate-slide-top text-foreground xl:animate-slide-left mt-8 text-4xl font-medium [animation-delay:0.3s] [animation-fill-mode:backwards] md:text-5xl xl:mt-4 xl:text-6xl xl:[animation-delay:0.8s] xl:[animation-fill-mode:backwards]"
5454
>
5555
<a href="https://www.epicweb.dev/stack">The Epic Stack</a>
5656
</h1>
5757
<p
5858
data-paragraph
59-
className="mt-6 animate-slide-top text-xl/7 text-muted-foreground [animation-delay:0.8s] [animation-fill-mode:backwards] xl:mt-8 xl:animate-slide-left xl:text-xl/6 xl:leading-10 xl:[animation-delay:1s] xl:[animation-fill-mode:backwards]"
59+
className="animate-slide-top text-muted-foreground xl:animate-slide-left mt-6 text-xl/7 [animation-delay:0.8s] [animation-fill-mode:backwards] xl:mt-8 xl:text-xl/6 xl:leading-10 xl:[animation-delay:1s] xl:[animation-fill-mode:backwards]"
6060
>
6161
Check the{' '}
6262
<a
@@ -84,7 +84,7 @@ export default function Index() {
8484
<TooltipTrigger asChild>
8585
<a
8686
href={logo.href}
87-
className="grid size-20 place-items-center rounded-2xl bg-violet-600/10 p-4 transition hover:-rotate-6 hover:bg-violet-600/15 dark:bg-violet-200 dark:hover:bg-violet-100 sm:size-24"
87+
className="grid size-20 place-items-center rounded-2xl bg-violet-600/10 p-4 transition hover:-rotate-6 hover:bg-violet-600/15 sm:size-24 dark:bg-violet-200 dark:hover:bg-violet-100"
8888
>
8989
<img src={logo.src} alt="" />
9090
</a>

‎app/routes/admin+/cache.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -122,7 +122,7 @@ export default function CacheAdminRoute({ loaderData }: Route.ComponentProps) {
122122
defaultValue: query,
123123
}}
124124
/>
125-
<div className="flex h-16 w-14 items-center text-lg font-medium text-muted-foreground">
125+
<div className="text-muted-foreground flex h-16 w-14 items-center text-lg font-medium">
126126
<span title="Total results shown">
127127
{loaderData.cacheKeys.sqlite.length +
128128
loaderData.cacheKeys.lru.length}

0 commit comments

Comments
 (0)