ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-07 08:55:32 +02:00
Code Issues Projects Releases Packages Wiki Activity

feat(biome): add class sorting

Browse source
This commit is contained in:
Shintaro Jokagi 2025-05-15 14:23:23 +12:00
parent 017cb2a7f5
commit 2da95610ab
No known key found for this signature in database
GPG key ID: 0DDF8FA44C9A0DA8
2 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
biome.json
View file

@ -6,7 +6,10 @@
"linter": {
"enabled": true,
"rules": {
"recommended": true
"recommended": true,
"nursery": {
"useSortedClasses": "info"
}
}
},
"formatter": {

16
src/components/ModsList.tsx
View file

@ -153,7 +153,7 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
<button
type="button"
onClick={toggleCreatedSort}
className="text-md flex items-center gap-2 px-4 py-2 font-semibold"
className="flex items-center gap-2 px-4 py-2 font-semibold text-md"
>
{mods.sort.lastCreated}
<span
@ -169,7 +169,7 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
<button
type="button"
onClick={toggleUpdatedSort}
className="text-md flex items-center gap-2 px-4 py-2 font-semibold"
className="flex items-center gap-2 px-4 py-2 font-semibold text-md"
>
{mods.sort.lastUpdated}
<span
@ -182,7 +182,7 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
</div>
<div className="flex items-center gap-2 px-4 py-2">
<label htmlFor="limit" className="text-md font-semibold">
<label htmlFor="limit" className="font-semibold text-md">
{mods.sort.perPage}
</label>
<select
@ -217,17 +217,17 @@ export default function ModsList({ allMods, locale }: ModsListProps) {
/>
</div>
<div>
<h2 className="text-lg font-bold">
{mod.name} <span className="ml-1 text-sm font-normal">by @{mod.author}</span>
<h2 className="font-bold text-lg">
{mod.name} <span className="ml-1 font-normal text-sm">by @{mod.author}</span>
</h2>
<p className="text-sm font-thin">{mod.description}</p>
<p className="font-thin text-sm">{mod.description}</p>
</div>
</a>
))
) : (
<div className="col-span-4 grid place-items-center gap-4 place-self-center px-8 text-center">
<h2 className="text-lg font-bold">{mods.noResults}</h2>
<p className="text-sm font-thin">{mods.noResultsDescription}</p>
<h2 className="font-bold text-lg">{mods.noResults}</h2>
<p className="font-thin text-sm">{mods.noResultsDescription}</p>
</div>
)}
</div>