Skip to content

Commit 567f7c4

Browse files
velutvelut
committed
chore: formatting
1 parent 1908598 commit 567f7c4

10 files changed

+36
-36
lines changed

‎src/components/DeclarationTitle.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const url = unpkgUrl(declaration);
3232
>
3333
<span>
3434
{kind && <span>{kind}</span>}
35-
<a class="link-hover link font-semibold text-primary" href={url}>{name}</a>
35+
<a class="link-hover link text-primary font-semibold" href={url}>{name}</a>
3636
</span>
3737
<a href={`#${id}`} class="no-underline opacity-0 group-hover:opacity-100 group-focus:opacity-100"
3838
>#</a

‎src/components/Declarations.astro‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
6464
{(declaration.constructors.length > 0 ||
6565
declaration.properties.length > 0 ||
6666
declaration.methods.length > 0) && (
67-
<div class="border-l border-l-base-content/20 pl-6">
67+
<div class="border-l-base-content/20 border-l pl-6">
6868
{declaration.constructors.map((declaration) => (
6969
<Declaration {declaration} {unpkgUrl} {declarationUrl} />
7070
))}
@@ -96,7 +96,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
9696
declaration.indexSignatures.length > 0 ||
9797
declaration.getAccessors.length > 0 ||
9898
declaration.setAccessors.length > 0) && (
99-
<div class="border-l border-l-base-content/20 pl-6">
99+
<div class="border-l-base-content/20 border-l pl-6">
100100
{declaration.properties.map((declaration) => (
101101
<Declaration {declaration} {unpkgUrl} {declarationUrl} />
102102
))}
@@ -134,7 +134,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
134134
<>
135135
<Declaration {declaration} {unpkgUrl} {declarationUrl} />
136136
{declaration.members.length > 0 && (
137-
<div class="border-l border-l-base-content/20 pl-6">
137+
<div class="border-l-base-content/20 border-l pl-6">
138138
{declaration.members.map((declaration) => (
139139
<Declaration {declaration} {unpkgUrl} {declarationUrl} />
140140
))}
@@ -165,7 +165,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
165165
<>
166166
<Declaration {declaration} {unpkgUrl} {declarationUrl} />
167167
{declaration.declarations.length > 0 && (
168-
<div class="border-l border-l-base-content/20 pl-6">
168+
<div class="border-l-base-content/20 border-l pl-6">
169169
<Astro.self
170170
containerName={shortId(declaration.id)}
171171
declarations={declaration.declarations}

‎src/components/Footer.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const gitCommitShort = gitCommit.slice(0, 7);
1212
const githubCommitUrl = `https://github.com/jsdocs-io/web/commit/${gitCommit}`;
1313
---
1414

15-
<footer class="footer border-t border-base-content/20 bg-base-200 p-10 text-base-content *:gap-3">
15+
<footer class="footer border-base-content/20 bg-base-200 text-base-content border-t p-10 *:gap-3">
1616
<aside>
1717
<a href="/" class="link-hover link flex items-center gap-2 text-xl font-bold">
1818
<LucidePackageSearch class="size-8" />

‎src/components/Header.astro‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@ import PackageSearchOpener from "./PackageSearchOpener.astro";
66
---
77

88
<header
9-
class="flex w-full items-center gap-2 border-b border-base-content/20 bg-base-200 px-4 py-2 text-base-content sm:px-2"
9+
class="border-base-content/20 bg-base-200 text-base-content flex w-full items-center gap-2 border-b px-4 py-2 sm:px-2"
1010
>
11-
<a class="hidden sm:btn sm:btn-ghost" href="/">
11+
<a class="sm:btn sm:btn-ghost hidden" href="/">
1212
<LucidePackageSearch class="size-6" />
1313
jsDocs.io
1414
</a>
@@ -19,12 +19,12 @@ import PackageSearchOpener from "./PackageSearchOpener.astro";
1919

2020
<div class="hidden lg:block lg:grow"></div>
2121

22-
<a class="hidden md:btn md:btn-ghost" href="/donate">
22+
<a class="md:btn md:btn-ghost hidden" href="/donate">
2323
<LucideHeart class="size-6" />
2424
Donate
2525
</a>
2626

27-
<a class="hidden md:btn md:btn-ghost" href="/about">
27+
<a class="md:btn md:btn-ghost hidden" href="/about">
2828
<LucideInfo class="size-6" />
2929
About
3030
</a>

‎src/components/PackageInfoBadges.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ const gitShortcut = gitInfo?.shortcut();
5151
unpkg
5252
</a>
5353

54-
<div class="btn btn-outline no-animation btn-sm pointer-events-none border-base-content/50">
54+
<div class="btn btn-outline no-animation btn-sm border-base-content/50 pointer-events-none">
5555
<LucideScale class="size-4" />
5656
{license}
5757
</div>

‎src/components/PackagePageIndexDeclarations.astro‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
3232
<a href={`#${containerName}-variables`} class="link-hover link font-bold">
3333
Variables
3434
</a>
35-
<div class="flex flex-col gap-2 border-l border-l-base-content/20 pl-4">
35+
<div class="border-l-base-content/20 flex flex-col gap-2 border-l pl-4">
3636
{variables.map((declaration) => (
3737
<a href={`#${shortId(declaration.id)}`} class="link-hover link truncate">
3838
{declaration.name}
@@ -49,7 +49,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
4949
<a href={`#${containerName}-functions`} class="link-hover link font-bold">
5050
Functions
5151
</a>
52-
<div class="flex flex-col gap-2 border-l border-l-base-content/20 pl-4">
52+
<div class="border-l-base-content/20 flex flex-col gap-2 border-l pl-4">
5353
{functions.map((declaration) => (
5454
<a href={`#${shortId(declaration.id)}`} class="link-hover link truncate">
5555
{declaration.name}()
@@ -66,7 +66,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
6666
<a href={`#${containerName}-classes`} class="link-hover link font-bold">
6767
Classes
6868
</a>
69-
<div class="flex flex-col gap-2 border-l border-l-base-content/20 pl-4">
69+
<div class="border-l-base-content/20 flex flex-col gap-2 border-l pl-4">
7070
{classes.map((declaration) => (
7171
<details>
7272
<summary class="truncate">
@@ -77,7 +77,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
7777
{(declaration.constructors.length > 0 ||
7878
declaration.properties.length > 0 ||
7979
declaration.methods.length > 0) && (
80-
<div class="my-2 flex flex-col gap-1 border-l border-l-base-content/20 pl-4">
80+
<div class="border-l-base-content/20 my-2 flex flex-col gap-1 border-l pl-4">
8181
{declaration.constructors.map((declaration) => (
8282
<a href={`#${shortId(declaration.id)}`} class="link-hover link truncate">
8383
{declaration.name}()
@@ -108,7 +108,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
108108
<a href={`#${containerName}-interfaces`} class="link-hover link font-bold">
109109
Interfaces
110110
</a>
111-
<div class="flex flex-col gap-2 border-l border-l-base-content/20 pl-4">
111+
<div class="border-l-base-content/20 flex flex-col gap-2 border-l pl-4">
112112
{interfaces.map((declaration) => (
113113
<details>
114114
<summary class="truncate">
@@ -123,7 +123,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
123123
declaration.indexSignatures.length > 0 ||
124124
declaration.getAccessors.length > 0 ||
125125
declaration.setAccessors.length > 0) && (
126-
<div class="my-2 flex flex-col gap-1 border-l border-l-base-content/20 pl-4">
126+
<div class="border-l-base-content/20 my-2 flex flex-col gap-1 border-l pl-4">
127127
{declaration.properties.map((declaration) => (
128128
<a href={`#${shortId(declaration.id)}`} class="link-hover link truncate">
129129
{declaration.name}
@@ -174,7 +174,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
174174
<a href={`#${containerName}-enums`} class="link-hover link font-bold">
175175
Enums
176176
</a>
177-
<div class="flex flex-col gap-2 border-l border-l-base-content/20 pl-4">
177+
<div class="border-l-base-content/20 flex flex-col gap-2 border-l pl-4">
178178
{enums.map((declaration) => (
179179
<details>
180180
<summary class="truncate">
@@ -183,7 +183,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
183183
</a>
184184
</summary>
185185
{declaration.members.length > 0 && (
186-
<div class="my-2 flex flex-col gap-1 border-l border-l-base-content/20 pl-4">
186+
<div class="border-l-base-content/20 my-2 flex flex-col gap-1 border-l pl-4">
187187
{declaration.members.map((declaration) => (
188188
<a href={`#${shortId(declaration.id)}`} class="link-hover link truncate">
189189
{declaration.name}
@@ -204,7 +204,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
204204
<a href={`#${containerName}-types`} class="link-hover link font-bold">
205205
Types
206206
</a>
207-
<div class="flex flex-col gap-2 border-l border-l-base-content/20 pl-4">
207+
<div class="border-l-base-content/20 flex flex-col gap-2 border-l pl-4">
208208
{types.map((declaration) => (
209209
<a href={`#${shortId(declaration.id)}`} class="link-hover link truncate">
210210
{declaration.name}
@@ -221,7 +221,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
221221
<a href={`#${containerName}-namespaces`} class="link-hover link font-bold">
222222
Namespaces
223223
</a>
224-
<div class="flex flex-col gap-2 border-l border-l-base-content/20 pl-4">
224+
<div class="border-l-base-content/20 flex flex-col gap-2 border-l pl-4">
225225
{namespaces.map((declaration) => (
226226
<details>
227227
<summary class="truncate">
@@ -230,7 +230,7 @@ const namespaces = declarations.filter((d): d is ExtractedNamespace => d.kind ==
230230
</a>
231231
</summary>
232232
{declaration.declarations.length > 0 && (
233-
<div class="my-2 flex flex-col gap-1 border-l border-l-base-content/20 pl-4">
233+
<div class="border-l-base-content/20 my-2 flex flex-col gap-1 border-l pl-4">
234234
{declaration.declarations.map((declaration) => (
235235
<a href={`#${shortId(declaration.id)}`} class="link-hover link truncate">
236236
{declaration.name}

‎src/components/PackageSearch.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<div class="modal-box lg:max-w-5xl">
1212
{/* Close button. */}
1313
<form method="dialog">
14-
<button class="btn btn-circle btn-ghost btn-sm absolute right-2 top-2">✕</button>
14+
<button class="btn btn-circle btn-ghost btn-sm absolute top-2 right-2">✕</button>
1515
</form>
1616

1717
{/* Title. */}
@@ -38,7 +38,7 @@
3838
<template x-for="(result, i) in results" :key="result.name">
3939
<li>
4040
<a
41-
class="flex flex-col rounded px-2 py-1 hover:bg-base-content hover:text-base-300"
41+
class="hover:bg-base-content hover:text-base-300 flex flex-col rounded px-2 py-1"
4242
:class="i === cursor && 'bg-base-content text-base-300'"
4343
:href="`/package/${result.name}`"
4444
@click="close()"
@@ -52,7 +52,7 @@
5252

5353
{/* No search results. */}
5454
<div
55-
class="flex items-center justify-between gap-4 rounded bg-base-content px-2 py-1 text-base-300"
55+
class="bg-base-content text-base-300 flex items-center justify-between gap-4 rounded px-2 py-1"
5656
x-show="query.length > 0 && results.length === 0"
5757
>
5858
<span class="truncate">No results</span>

‎src/components/PackageSearchOpener.astro‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@ import LucideSearch from "~icons/lucide/search";
44

55
<button
66
x-data="dialogOpener('#package-search')"
7-
class="btn btn-outline w-full justify-between border-base-content/20"
7+
class="btn btn-outline border-base-content/20 w-full justify-between"
88
@click="open()"
99
@keydown.ctrl.shift.f.window.prevent="open()"
1010
@keydown.cmd.shift.f.window.prevent="open()"
1111
>
12-
<div class="flex items-center gap-2 text-opacity-20">
12+
<div class="text-opacity-20 flex items-center gap-2">
1313
<LucideSearch class="size-4" />
1414
Search npm packages &hellip;
1515
</div>
1616
<kbd x-cloak>
17-
<kbd class="hidden font-normal text-base-content lg:kbd lg:kbd-sm" x-text="cmdKey"></kbd>
18-
<kbd class="hidden font-normal text-base-content lg:kbd lg:kbd-sm">Shift</kbd>
19-
<kbd class="hidden font-normal text-base-content lg:kbd lg:kbd-sm">F</kbd>
17+
<kbd class="text-base-content lg:kbd lg:kbd-sm hidden font-normal" x-text="cmdKey"></kbd>
18+
<kbd class="text-base-content lg:kbd lg:kbd-sm hidden font-normal">Shift</kbd>
19+
<kbd class="text-base-content lg:kbd lg:kbd-sm hidden font-normal">F</kbd>
2020
</kbd>
2121
</button>

‎src/components/QuickSearch.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<div class="modal-box lg:max-w-5xl">
77
{/* Close button. */}
88
<form method="dialog">
9-
<button class="btn btn-circle btn-ghost btn-sm absolute right-2 top-2">✕</button>
9+
<button class="btn btn-circle btn-ghost btn-sm absolute top-2 right-2">✕</button>
1010
</form>
1111

1212
{/* Title. */}
@@ -33,7 +33,7 @@
3333
<template x-for="(result, i) in results" :key="result.declarationId">
3434
<li>
3535
<a
36-
class="flex items-center justify-between gap-4 rounded px-2 py-1 hover:bg-base-content hover:text-base-300"
36+
class="hover:bg-base-content hover:text-base-300 flex items-center justify-between gap-4 rounded px-2 py-1"
3737
:class="i === cursor && 'bg-base-content text-base-300'"
3838
:href="`#${result.headingId}`"
3939
@click="close()"
@@ -47,7 +47,7 @@
4747

4848
{/* No search results. */}
4949
<div
50-
class="flex items-center justify-between gap-4 rounded bg-base-content px-2 py-1 text-base-300"
50+
class="bg-base-content text-base-300 flex items-center justify-between gap-4 rounded px-2 py-1"
5151
x-show="results.length === 0"
5252
>
5353
<span class="truncate">No results</span>

‎src/components/QuickSearchOpener.astro‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import LucideFileSearch from "~icons/lucide/file-search";
44

55
<button
66
x-data="dialogOpener('#quick-search')"
7-
class="btn btn-outline w-full justify-between border-base-content/50"
7+
class="btn btn-outline border-base-content/50 w-full justify-between"
88
@click="open()"
99
@keydown.ctrl.k.window.prevent="open()"
1010
@keydown.cmd.k.window.prevent="open()"
@@ -14,7 +14,7 @@ import LucideFileSearch from "~icons/lucide/file-search";
1414
Quick search &hellip;
1515
</div>
1616
<kbd x-cloak>
17-
<kbd class="hidden font-normal text-base-content lg:kbd lg:kbd-sm" x-text="cmdKey"></kbd>
18-
<kbd class="hidden font-normal text-base-content lg:kbd lg:kbd-sm">K</kbd>
17+
<kbd class="text-base-content lg:kbd lg:kbd-sm hidden font-normal" x-text="cmdKey"></kbd>
18+
<kbd class="text-base-content lg:kbd lg:kbd-sm hidden font-normal">K</kbd>
1919
</kbd>
2020
</button>

0 commit comments

Comments
 (0)