fix: change rule name and format

This commit is contained in:
Emrik Östling 2026-01-26 19:40:27 +01:00
parent 42c907aef8
commit ae9e910fe1
6 changed files with 29 additions and 28 deletions

View file

@ -49,7 +49,7 @@ export default tseslint.config(
printWidth: 100, printWidth: 100,
}, },
], ],
"better-tailwindcss/no-unregistered-classes": [ "better-tailwindcss/no-unknown-classes": [
"warn", "warn",
{ {
ignore: [ ignore: [

View file

@ -10,7 +10,7 @@ export const chooseConverter = new Elysia().use(userService).post(
<article <article
class={` class={`
convert_to_popup absolute z-2 m-0 hidden h-[50vh] max-h-[50vh] w-full flex-col convert_to_popup absolute z-2 m-0 hidden h-[50vh] max-h-[50vh] w-full flex-col
overflow-x-hidden overflow-y-auto rounded bg-neutral-800 overflow-x-hidden overflow-y-auto rounded-sm bg-neutral-800
sm:h-[30vh] sm:h-[30vh]
`} `}
> >
@ -28,7 +28,7 @@ export const chooseConverter = new Elysia().use(userService).post(
// https://stackoverflow.com/questions/121499/when-a-blur-event-occurs-how-can-i-find-out-which-element-focus-went-to#comment82388679_33325953 // https://stackoverflow.com/questions/121499/when-a-blur-event-occurs-how-can-i-find-out-which-element-focus-went-to#comment82388679_33325953
tabindex={0} tabindex={0}
class={` class={`
target rounded bg-neutral-700 p-1 text-base target rounded-sm bg-neutral-700 p-1 text-base
hover:bg-neutral-600 hover:bg-neutral-600
`} `}
data-value={`${target},${converter}`} data-value={`${target},${converter}`}

View file

@ -67,7 +67,7 @@ export const history = new Elysia().use(userService).get(
</div> </div>
<table <table
class={` class={`
w-full table-auto overflow-y-auto rounded bg-neutral-900 text-left w-full table-auto overflow-y-auto rounded-sm bg-neutral-900 text-left
[&_td]:p-4 [&_td]:p-4
[&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800 [&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800
`} `}
@ -76,20 +76,20 @@ export const history = new Elysia().use(userService).get(
<tr> <tr>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >
<input <input
type="checkbox" type="checkbox"
id="select-all" id="select-all"
class="h-4 w-4 cursor-pointer" class="size-4 cursor-pointer"
title="Select all" title="Select all"
/> />
</th> </th>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >
@ -97,7 +97,7 @@ export const history = new Elysia().use(userService).get(
</th> </th>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >
@ -105,7 +105,7 @@ export const history = new Elysia().use(userService).get(
</th> </th>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >
@ -113,7 +113,7 @@ export const history = new Elysia().use(userService).get(
</th> </th>
<th <th
class={` class={`
px-2 py-2 p-2
max-sm:hidden max-sm:hidden
sm:px-4 sm:px-4
`} `}
@ -122,7 +122,7 @@ export const history = new Elysia().use(userService).get(
</th> </th>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >
@ -130,7 +130,7 @@ export const history = new Elysia().use(userService).get(
</th> </th>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >
@ -145,7 +145,7 @@ export const history = new Elysia().use(userService).get(
<td> <td>
<input <input
type="checkbox" type="checkbox"
class="h-4 w-4 cursor-pointer" class="size-4 cursor-pointer"
data-checkbox-type="job" data-checkbox-type="job"
data-job-id={job.id} data-job-id={job.id}
/> />
@ -158,7 +158,7 @@ export const history = new Elysia().use(userService).get(
viewBox="0 0 24 24" viewBox="0 0 24 24"
stroke-width="1.5" stroke-width="1.5"
stroke="currentColor" stroke="currentColor"
class="inline-block h-4 w-4" class="inline-block size-4"
> >
<path <path
stroke-linecap="round" stroke-linecap="round"
@ -209,7 +209,7 @@ export const history = new Elysia().use(userService).get(
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
class={`mx-2 inline-block h-4 w-4 text-neutral-500`} class={`mx-2 inline-block size-4 text-neutral-500`}
> >
<path <path
fill-rule="evenodd" fill-rule="evenodd"

View file

@ -22,7 +22,7 @@ export const listConverters = new Elysia().use(userService).get(
<h1 class="mb-4 text-xl">Converters</h1> <h1 class="mb-4 text-xl">Converters</h1>
<table <table
class={` class={`
w-full table-auto rounded bg-neutral-900 text-left w-full table-auto rounded-sm bg-neutral-900 text-left
[&_td]:p-4 [&_td]:p-4
[&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800 [&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800
[&_ul]:list-inside [&_ul]:list-disc [&_ul]:list-inside [&_ul]:list-disc

View file

@ -51,15 +51,15 @@ function ResultsArticle({
class={` class={`
mb-4 inline-block h-2 w-full appearance-none overflow-hidden rounded-full border-0 mb-4 inline-block h-2 w-full appearance-none overflow-hidden rounded-full border-0
bg-neutral-700 bg-none text-accent-500 accent-accent-500 bg-neutral-700 bg-none text-accent-500 accent-accent-500
[&::-moz-progress-bar]:bg-accent-500 [&::-webkit-progress-value]:rounded-full [&::-moz-progress-bar]:bg-accent-500
[&::-webkit-progress-value]:[background:none] [&::-webkit-progress-value]:rounded-full [&::-webkit-progress-value]:[background:none]
[&[value]::-webkit-progress-value]:bg-accent-500 [&[value]::-webkit-progress-value]:bg-accent-500
[&[value]::-webkit-progress-value]:transition-[inline-size] [&[value]::-webkit-progress-value]:transition-[inline-size]
`} `}
/> />
<table <table
class={` class={`
w-full table-auto rounded bg-neutral-900 text-left w-full table-auto rounded-sm bg-neutral-900 text-left
[&_td]:p-4 [&_td]:p-4
[&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800 [&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800
`} `}
@ -68,7 +68,7 @@ function ResultsArticle({
<tr> <tr>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >
@ -76,7 +76,7 @@ function ResultsArticle({
</th> </th>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >
@ -84,7 +84,7 @@ function ResultsArticle({
</th> </th>
<th <th
class={` class={`
px-2 py-2 p-2
sm:px-4 sm:px-4
`} `}
> >

View file

@ -126,8 +126,9 @@ export const root = new Elysia().use(userService).get(
<table <table
id="file-list" id="file-list"
class={` class={`
w-full table-auto rounded bg-neutral-900 w-full table-auto rounded-sm bg-neutral-900
[&_td]:p-4 [&_td]:first:max-w-[30vw] [&_td]:first:truncate [&_td]:p-4
[&_td]:first:max-w-[30vw] [&_td]:first:truncate
[&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800 [&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800
`} `}
/> />
@ -135,8 +136,8 @@ export const root = new Elysia().use(userService).get(
<div <div
id="dropzone" id="dropzone"
class={` class={`
relative flex h-48 w-full items-center justify-center rounded border border-dashed relative flex h-48 w-full items-center justify-center rounded-sm border
border-neutral-700 transition-all border-dashed border-neutral-700 transition-all
hover:border-neutral-600 hover:border-neutral-600
[&.dragover]:border-4 [&.dragover]:border-neutral-500 [&.dragover]:border-4 [&.dragover]:border-neutral-500
`} `}
@ -170,7 +171,7 @@ export const root = new Elysia().use(userService).get(
<article <article
class={` class={`
convert_to_popup absolute z-2 m-0 hidden h-[30vh] max-h-[50vh] w-full flex-col convert_to_popup absolute z-2 m-0 hidden h-[30vh] max-h-[50vh] w-full flex-col
overflow-x-hidden overflow-y-auto rounded bg-neutral-800 overflow-x-hidden overflow-y-auto rounded-sm bg-neutral-800
sm:h-[30vh] sm:h-[30vh]
`} `}
> >
@ -190,7 +191,7 @@ export const root = new Elysia().use(userService).get(
// https://stackoverflow.com/questions/121499/when-a-blur-event-occurs-how-can-i-find-out-which-element-focus-went-to#comment82388679_33325953 // https://stackoverflow.com/questions/121499/when-a-blur-event-occurs-how-can-i-find-out-which-element-focus-went-to#comment82388679_33325953
tabindex={0} tabindex={0}
class={` class={`
target rounded bg-neutral-700 p-1 text-base target rounded-sm bg-neutral-700 p-1 text-base
hover:bg-neutral-600 hover:bg-neutral-600
`} `}
data-value={`${target},${converter}`} data-value={`${target},${converter}`}