Skip to content

Commit 2466bd7

Browse files
alexcarpenteralexcarpenter
committed
format
1 parent 739f3cc commit 2466bd7

1 file changed

Lines changed: 118 additions & 32 deletions

File tree

‎packages/clerk-js/sandbox/template.html‎

Lines changed: 118 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,21 @@
11
<!doctype html>
2-
<html class="h-full antialiased font-sans">
2+
<html class="h-full font-sans antialiased">
33
<head>
44
<title>clerk-js Sandbox</title>
55
<meta charset="utf-8" />
66
<meta
77
name="viewport"
88
content="width=device-width,initial-scale=1"
99
/>
10-
<link rel="preconnect" href="https://fonts.googleapis.com" />
11-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10+
<link
11+
rel="preconnect"
12+
href="https://fonts.googleapis.com"
13+
/>
14+
<link
15+
rel="preconnect"
16+
href="https://fonts.gstatic.com"
17+
crossorigin
18+
/>
1219
<link
1320
rel="stylesheet"
1421
href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap"
@@ -18,14 +25,12 @@
1825
@custom-variant dark (&:where(.dark, .dark *));
1926
@theme {
2027
--font-sans:
21-
'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
22-
'Helvetica Neue', Arial, sans-serif;
28+
'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
2329
--font-heading:
24-
'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto,
25-
'Helvetica Neue', Arial, sans-serif;
30+
'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
2631
--font-mono:
27-
'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
28-
'Liberation Mono', 'Courier New', monospace;
32+
'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
33+
monospace;
2934
--color-sidebar: oklch(0.985 0 0);
3035
--color-sidebar-foreground: oklch(0.145 0 0);
3136
--color-sidebar-border: oklch(0.922 0 0);
@@ -141,8 +146,7 @@
141146
wrapper.className = 'flex flex-col gap-1';
142147

143148
var heading = document.createElement('div');
144-
heading.className =
145-
'px-1 text-[10px] font-medium uppercase tracking-wide text-sidebar-muted-foreground';
149+
heading.className = 'px-1 text-[10px] font-medium uppercase tracking-wide text-sidebar-muted-foreground';
146150
heading.textContent = label;
147151

148152
var inner = document.createElement('div');
@@ -179,7 +183,12 @@
179183
aria-hidden="true"
180184
class="ml-2 size-5"
181185
>
182-
<rect width="160" height="160" rx="80" fill="#6C47FF" />
186+
<rect
187+
width="160"
188+
height="160"
189+
rx="80"
190+
fill="#6C47FF"
191+
/>
183192
<path
184193
d="M111.125 33.4395C112.875 34.6113 113.024 37.0763 111.535 38.5652L98.7464 51.3541C97.5905 52.5099 95.7974 52.6925 94.3426 51.9472C90.0408 49.7434 85.1656 48.5 80 48.5C62.603 48.5 48.5 62.603 48.5 80C48.5 85.1656 49.7434 90.0408 51.9472 94.3426C52.6925 95.7974 52.5099 97.5905 51.3541 98.7464L38.5652 111.535C37.0763 113.024 34.6113 112.875 33.4395 111.125C27.4773 102.224 24 91.5181 24 80C24 49.0721 49.0721 24 80 24C91.5181 24 102.224 27.4773 111.125 33.4395Z"
185194
fill="white"
@@ -224,38 +233,115 @@
224233
</header>
225234
<nav class="flex flex-col gap-4">
226235
<nav-group label="Get Started">
227-
<nav-link href="/" label="Home"></nav-link>
236+
<nav-link
237+
href="/"
238+
label="Home"
239+
></nav-link>
228240
</nav-group>
229241
<nav-group label="Auth">
230-
<nav-link href="/sign-in" label="Sign In" component="<SignIn />"></nav-link>
231-
<nav-link href="/sign-up" label="Sign Up" component="<SignUp />"></nav-link>
232-
<nav-link href="/waitlist" label="Waitlist" component="<Waitlist />"></nav-link>
233-
<nav-link href="/oauth-consent" label="OAuth Consent" component="<OAuthConsent />"></nav-link>
234-
<nav-link href="/api-keys" label="API Keys" component="<APIKeys />"></nav-link>
242+
<nav-link
243+
href="/sign-in"
244+
label="Sign In"
245+
component="<SignIn />"
246+
></nav-link>
247+
<nav-link
248+
href="/sign-up"
249+
label="Sign Up"
250+
component="<SignUp />"
251+
></nav-link>
252+
<nav-link
253+
href="/waitlist"
254+
label="Waitlist"
255+
component="<Waitlist />"
256+
></nav-link>
257+
<nav-link
258+
href="/oauth-consent"
259+
label="OAuth Consent"
260+
component="<OAuthConsent />"
261+
></nav-link>
262+
<nav-link
263+
href="/api-keys"
264+
label="API Keys"
265+
component="<APIKeys />"
266+
></nav-link>
235267
</nav-group>
236268
<nav-group label="User">
237-
<nav-link href="/user-avatar" label="User Avatar" component="<UserAvatar />"></nav-link>
238-
<nav-link href="/user-button" label="User Button" component="<UserButton />"></nav-link>
239-
<nav-link href="/user-profile" label="User Profile" component="<UserProfile />"></nav-link>
269+
<nav-link
270+
href="/user-avatar"
271+
label="User Avatar"
272+
component="<UserAvatar />"
273+
></nav-link>
274+
<nav-link
275+
href="/user-button"
276+
label="User Button"
277+
component="<UserButton />"
278+
></nav-link>
279+
<nav-link
280+
href="/user-profile"
281+
label="User Profile"
282+
component="<UserProfile />"
283+
></nav-link>
240284
</nav-group>
241285
<nav-group label="Orgs">
242-
<nav-link href="/create-organization" label="Create Org" component="<CreateOrganization />"></nav-link>
243-
<nav-link href="/organization-list" label="Org List" component="<OrganizationList />"></nav-link>
244-
<nav-link href="/organization-profile" label="Org Profile" component="<OrganizationProfile />"></nav-link>
245-
<nav-link href="/organization-switcher" label="Org Switcher" component="<OrganizationSwitcher />"></nav-link>
246-
<nav-link href="/configure-sso" label="Configure SSO" component="<ConfigureSSO />"></nav-link>
286+
<nav-link
287+
href="/create-organization"
288+
label="Create Org"
289+
component="<CreateOrganization />"
290+
></nav-link>
291+
<nav-link
292+
href="/organization-list"
293+
label="Org List"
294+
component="<OrganizationList />"
295+
></nav-link>
296+
<nav-link
297+
href="/organization-profile"
298+
label="Org Profile"
299+
component="<OrganizationProfile />"
300+
></nav-link>
301+
<nav-link
302+
href="/organization-switcher"
303+
label="Org Switcher"
304+
component="<OrganizationSwitcher />"
305+
></nav-link>
306+
<nav-link
307+
href="/configure-sso"
308+
label="Configure SSO"
309+
component="<ConfigureSSO />"
310+
></nav-link>
247311
</nav-group>
248312
<nav-group label="Tasks">
249-
<nav-link href="/task-choose-organization" label="Choose Org" component="<TaskChooseOrganization />"></nav-link>
250-
<nav-link href="/task-setup-mfa" label="Setup MFA" component="<TaskSetupMFA />"></nav-link>
313+
<nav-link
314+
href="/task-choose-organization"
315+
label="Choose Org"
316+
component="<TaskChooseOrganization />"
317+
></nav-link>
318+
<nav-link
319+
href="/task-setup-mfa"
320+
label="Setup MFA"
321+
component="<TaskSetupMFA />"
322+
></nav-link>
251323
</nav-group>
252324
<nav-group label="Billing">
253-
<nav-link href="/pricing-table" label="Pricing Table" component="<PricingTable />"></nav-link>
325+
<nav-link
326+
href="/pricing-table"
327+
label="Pricing Table"
328+
component="<PricingTable />"
329+
></nav-link>
254330
</nav-group>
255331
<nav-group label="Other">
256-
<nav-link href="/keyless" label="Keyless" component="<Keyless />"></nav-link>
257-
<nav-link href="/open-sign-in" label="Open sign in"></nav-link>
258-
<nav-link href="/open-sign-up" label="Open sign up"></nav-link>
332+
<nav-link
333+
href="/keyless"
334+
label="Keyless"
335+
component="<Keyless />"
336+
></nav-link>
337+
<nav-link
338+
href="/open-sign-in"
339+
label="Open sign in"
340+
></nav-link>
341+
<nav-link
342+
href="/open-sign-up"
343+
label="Open sign up"
344+
></nav-link>
259345
</nav-group>
260346
</nav>
261347
</div>

0 commit comments

Comments
 (0)