From ae9e910fe10e7e93163b27b5a8650fa0bd97b156 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emrik=20=C3=96stling?= <emrik.ostling@gmail.com>
Date: Mon, 26 Jan 2026 19:40:27 +0100
Subject: [PATCH] fix: change rule name and format

---
 eslint.config.ts              |  2 +-
 src/pages/chooseConverter.tsx |  4 ++--
 src/pages/history.tsx         | 24 ++++++++++++------------
 src/pages/listConverters.tsx  |  2 +-
 src/pages/results.tsx         | 12 ++++++------
 src/pages/root.tsx            | 13 +++++++------
 6 files changed, 29 insertions(+), 28 deletions(-)

diff --git a/eslint.config.ts b/eslint.config.ts
index 8ede127..4eed44f 100644
--- a/eslint.config.ts
+++ b/eslint.config.ts
@@ -49,7 +49,7 @@ export default tseslint.config(
           printWidth: 100,
         },
       ],
-      "better-tailwindcss/no-unregistered-classes": [
+      "better-tailwindcss/no-unknown-classes": [
         "warn",
         {
           ignore: [
diff --git a/src/pages/chooseConverter.tsx b/src/pages/chooseConverter.tsx
index 98b5f8c..0807cbf 100644
--- a/src/pages/chooseConverter.tsx
+++ b/src/pages/chooseConverter.tsx
@@ -10,7 +10,7 @@ export const chooseConverter = new Elysia().use(userService).post(
         <article
           class={`
             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]
           `}
         >
@@ -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
                     tabindex={0}
                     class={`
-                      target rounded bg-neutral-700 p-1 text-base
+                      target rounded-sm bg-neutral-700 p-1 text-base
                       hover:bg-neutral-600
                     `}
                     data-value={`${target},${converter}`}
diff --git a/src/pages/history.tsx b/src/pages/history.tsx
index 609e4ca..2070679 100644
--- a/src/pages/history.tsx
+++ b/src/pages/history.tsx
@@ -67,7 +67,7 @@ export const history = new Elysia().use(userService).get(
               </div>
               <table
                 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
                   [&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800
                 `}
@@ -76,20 +76,20 @@ export const history = new Elysia().use(userService).get(
                   <tr>
                     <th
                       class={`
-                        px-2 py-2
+                        p-2
                         sm:px-4
                       `}
                     >
                       <input
                         type="checkbox"
                         id="select-all"
-                        class="h-4 w-4 cursor-pointer"
+                        class="size-4 cursor-pointer"
                         title="Select all"
                       />
                     </th>
                     <th
                       class={`
-                        px-2 py-2
+                        p-2
                         sm:px-4
                       `}
                     >
@@ -97,7 +97,7 @@ export const history = new Elysia().use(userService).get(
                     </th>
                     <th
                       class={`
-                        px-2 py-2
+                        p-2
                         sm:px-4
                       `}
                     >
@@ -105,7 +105,7 @@ export const history = new Elysia().use(userService).get(
                     </th>
                     <th
                       class={`
-                        px-2 py-2
+                        p-2
                         sm:px-4
                       `}
                     >
@@ -113,7 +113,7 @@ export const history = new Elysia().use(userService).get(
                     </th>
                     <th
                       class={`
-                        px-2 py-2
+                        p-2
                         max-sm:hidden
                         sm:px-4
                       `}
@@ -122,7 +122,7 @@ export const history = new Elysia().use(userService).get(
                     </th>
                     <th
                       class={`
-                        px-2 py-2
+                        p-2
                         sm:px-4
                       `}
                     >
@@ -130,7 +130,7 @@ export const history = new Elysia().use(userService).get(
                     </th>
                     <th
                       class={`
-                        px-2 py-2
+                        p-2
                         sm:px-4
                       `}
                     >
@@ -145,7 +145,7 @@ export const history = new Elysia().use(userService).get(
                         <td>
                           <input
                             type="checkbox"
-                            class="h-4 w-4 cursor-pointer"
+                            class="size-4 cursor-pointer"
                             data-checkbox-type="job"
                             data-job-id={job.id}
                           />
@@ -158,7 +158,7 @@ export const history = new Elysia().use(userService).get(
                             viewBox="0 0 24 24"
                             stroke-width="1.5"
                             stroke="currentColor"
-                            class="inline-block h-4 w-4"
+                            class="inline-block size-4"
                           >
                             <path
                               stroke-linecap="round"
@@ -209,7 +209,7 @@ export const history = new Elysia().use(userService).get(
                                   xmlns="http://www.w3.org/2000/svg"
                                   viewBox="0 0 20 20"
                                   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
                                     fill-rule="evenodd"
diff --git a/src/pages/listConverters.tsx b/src/pages/listConverters.tsx
index 71343b8..2e3cc77 100644
--- a/src/pages/listConverters.tsx
+++ b/src/pages/listConverters.tsx
@@ -22,7 +22,7 @@ export const listConverters = new Elysia().use(userService).get(
               <h1 class="mb-4 text-xl">Converters</h1>
               <table
                 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
                   [&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800
                   [&_ul]:list-inside [&_ul]:list-disc
diff --git a/src/pages/results.tsx b/src/pages/results.tsx
index 3a57c48..a45c905 100644
--- a/src/pages/results.tsx
+++ b/src/pages/results.tsx
@@ -51,15 +51,15 @@ function ResultsArticle({
         class={`
           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
-          [&::-moz-progress-bar]:bg-accent-500 [&::-webkit-progress-value]:rounded-full
-          [&::-webkit-progress-value]:[background:none]
+          [&::-moz-progress-bar]:bg-accent-500
+          [&::-webkit-progress-value]:rounded-full [&::-webkit-progress-value]:[background:none]
           [&[value]::-webkit-progress-value]:bg-accent-500
           [&[value]::-webkit-progress-value]:transition-[inline-size]
         `}
       />
       <table
         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
           [&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800
         `}
@@ -68,7 +68,7 @@ function ResultsArticle({
           <tr>
             <th
               class={`
-                px-2 py-2
+                p-2
                 sm:px-4
               `}
             >
@@ -76,7 +76,7 @@ function ResultsArticle({
             </th>
             <th
               class={`
-                px-2 py-2
+                p-2
                 sm:px-4
               `}
             >
@@ -84,7 +84,7 @@ function ResultsArticle({
             </th>
             <th
               class={`
-                px-2 py-2
+                p-2
                 sm:px-4
               `}
             >
diff --git a/src/pages/root.tsx b/src/pages/root.tsx
index f2a83de..bf1a73c 100644
--- a/src/pages/root.tsx
+++ b/src/pages/root.tsx
@@ -126,8 +126,9 @@ export const root = new Elysia().use(userService).get(
                 <table
                   id="file-list"
                   class={`
-                    w-full table-auto rounded bg-neutral-900
-                    [&_td]:p-4 [&_td]:first:max-w-[30vw] [&_td]:first:truncate
+                    w-full table-auto rounded-sm bg-neutral-900
+                    [&_td]:p-4
+                    [&_td]:first:max-w-[30vw] [&_td]:first:truncate
                     [&_tr]:rounded-sm [&_tr]:border-b [&_tr]:border-neutral-800
                   `}
                 />
@@ -135,8 +136,8 @@ export const root = new Elysia().use(userService).get(
               <div
                 id="dropzone"
                 class={`
-                  relative flex h-48 w-full items-center justify-center rounded border border-dashed
-                  border-neutral-700 transition-all
+                  relative flex h-48 w-full items-center justify-center rounded-sm border
+                  border-dashed border-neutral-700 transition-all
                   hover:border-neutral-600
                   [&.dragover]:border-4 [&.dragover]:border-neutral-500
                 `}
@@ -170,7 +171,7 @@ export const root = new Elysia().use(userService).get(
                   <article
                     class={`
                       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]
                     `}
                   >
@@ -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
                               tabindex={0}
                               class={`
-                                target rounded bg-neutral-700 p-1 text-base
+                                target rounded-sm bg-neutral-700 p-1 text-base
                                 hover:bg-neutral-600
                               `}
                               data-value={`${target},${converter}`}