auto(treewide): sort classes

aster-void · aster-void · commit da4ad4eb3912 · 2025-03-07T14:08:09.000+09:00
diff --git a/web/src/app.css b/web/src/app.css
@@ -15,17 +15,17 @@
 }
 
 .btn {
-  @apply font-normal rounded-xl;
+  @apply rounded-xl font-normal;
 }
 
 .input {
   @apply rounded-xl;
 }
 
 .hm-blocks-container {
-  @apply h-full bg-base-100 p-6 flex flex-col gap-4;
+  @apply bg-base-100 flex h-full flex-col gap-4 p-6;
 }
 
 .hm-block {
-  @apply rounded-xl bg-white p-6 flex flex-col gap-2 border border-gray-200;
+  @apply flex flex-col gap-2 rounded-xl border border-gray-200 bg-white p-6;
 }
diff --git a/web/src/components/header.svelte b/web/src/components/header.svelte
@@ -27,11 +27,11 @@
   });
 </script>
 
-<header class="sticky top-0 left-0 w-full z-30 px-6 pt-6">
+<header class="sticky top-0 left-0 z-30 w-full px-6 pt-6">
   <div
-    class="h-14 px-6 gap-8 flex items-center align-middle rounded-xl bg-white/60 backdrop-blur-md border border-gray-200"
+    class="flex h-14 items-center gap-8 rounded-xl border border-gray-200 bg-white/60 px-6 align-middle backdrop-blur-md"
   >
-    <a class="font-bold text-xl cursor-pointer" href="/">how-match</a>
+    <a class="cursor-pointer text-xl font-bold" href="/">how-match</a>
     <span class="text-xl">
       {title}
     </span>
diff --git a/web/src/providers/modal/modal.svelte b/web/src/providers/modal/modal.svelte
@@ -22,7 +22,7 @@
   <div class="modal-box border-1">
     <h1>{ctrl.current?.title}</h1>
     <p>{ctrl.current?.content}</p>
-    <div class="modal-action flex gap-4 items-center">
+    <div class="modal-action flex items-center gap-4">
       <form method="dialog">
         {#each ctrl.current?.buttons ?? [] as button}
           <button
diff --git a/web/src/providers/toast/toast.svelte b/web/src/providers/toast/toast.svelte
@@ -6,7 +6,7 @@
   const { toast: toasts }: Props = $props();
 </script>
 
-<div class="mt-3 ml-3 toast-start toast-top absolute">
+<div class="toast-start toast-top absolute mt-3 ml-3">
   {#each toasts.toasts as toast}
     <div class="alert {toast.class}" transition:fly>
       <span>{toast.message}</span>
diff --git a/web/src/routes/+page.svelte b/web/src/routes/+page.svelte
@@ -37,7 +37,7 @@
 </script>
 
 <div>
-  <div class="p-2 hm-blocks-container">
+  <div class="hm-blocks-container p-2">
     <!-- <div class="hero bg-base-200">
       <div class="hero-content text-center">
         <div class="max-w-md">
@@ -52,7 +52,7 @@
       </div>
     </div> -->
     <div class="hm-block text-center">
-      <div class="max-w-md mx-auto py-6 px-2">
+      <div class="mx-auto max-w-md px-2 py-6">
         <h2 class="text-3xl">プロジェクトを作る</h2>
         <a href="/new" class="btn btn-xl btn-primary mt-5">
           <MdiWrench class="mr-1" />作成
@@ -66,7 +66,7 @@
     {:else}
       <div class="hm-block">
         <h2 class="text-xl">作成・提出したプロジェクト</h2>
-        <ul class="list w-full bg-base-200 my-1 rounded-xl">
+        <ul class="list bg-base-200 my-1 w-full rounded-xl">
           {#if projects.length === 0}
             <li class="list-row flex">
               作成・提出したプロジェクトはありません。
diff --git a/web/src/routes/[projectId]/config/+page.svelte b/web/src/routes/[projectId]/config/+page.svelte
@@ -91,7 +91,7 @@
             <p>{project.description}</p>
           </div>
           <div class="flex flex-col gap-2">
-            <h3 class="text-gray-500 text-sm">提出ページ</h3>
+            <h3 class="text-sm text-gray-500">提出ページ</h3>
             <div class="flex gap-2">
               <label class="input input-bordered w-full rounded-xl bg-gray-50">
                 <img
@@ -132,7 +132,7 @@
             </div>
           </div>
           <div class="flex flex-col gap-2">
-            <h3 class="text-gray-500 text-sm">締切</h3>
+            <h3 class="text-sm text-gray-500">締切</h3>
             <p>
               {project.closed_at ?? "締切が設定されていません"}
             </p>
@@ -171,7 +171,7 @@
             </div>
           </div>
           <div class="flex flex-col gap-2">
-            <h3 class="text-gray-500 text-sm">一般</h3>
+            <h3 class="text-sm text-gray-500">一般</h3>
             <div class="flex justify-end gap-2">
               <button
                 class="btn btn-error btn-outline"
@@ -202,23 +202,23 @@
     </span>
   {:then [project, participants]}
     <ul class="list bg-base-100 rounded-box shadow-md">
-      <li class="p-4 pb-2 text-xs opacity-60 tracking-wide">提出した人</li>
+      <li class="p-4 pb-2 text-xs tracking-wide opacity-60">提出した人</li>
 
       {#if !participants.length}
         <li class="list-row">
           <div
-            class="text-xs font-semibold opacity-60 list-col-grow border-b-base-200"
+            class="list-col-grow border-b-base-200 text-xs font-semibold opacity-60"
           >
             提出者がいません
           </div>
         </li>
       {:else}
         {#each participants as participant}
           <li class="list-row">
-            <div class="text-xs font-semibold opacity-60 border-b-base-200">
+            <div class="border-b-base-200 text-xs font-semibold opacity-60">
               {participant.name}
             </div>
-            <div class="text-xs opacity-60 list-col-grow border-b-base-200">
+            <div class="list-col-grow border-b-base-200 text-xs opacity-60">
               {#if !project.ok || project.data.project.multiple_roles}
                 wants {participant.roles_count} roles
               {/if}
diff --git a/web/src/routes/[projectId]/submit/+page.svelte b/web/src/routes/[projectId]/submit/+page.svelte
@@ -149,12 +149,12 @@
                 max={maxRoles}
                 step="1"
               />
-              <div class="flex justify-between px-2.5 mt-2 text-xs">
+              <div class="mt-2 flex justify-between px-2.5 text-xs">
                 {#each { length: maxRoles } as _}
                   <span class="select-none">|</span>
                 {/each}
               </div>
-              <div class="flex justify-between px-2.5 mt-2 text-xs">
+              <div class="mt-2 flex justify-between px-2.5 text-xs">
                 {#each Array.from( { length: maxRoles }, ).map((_, i) => i + 1) as val}
                   <span class="select-none">{val}</span>
                 {/each}
diff --git a/web/src/routes/[projectId]/submit/roles-selector.svelte b/web/src/routes/[projectId]/submit/roles-selector.svelte
@@ -14,7 +14,7 @@
   {@const role = rating.role}
   <div class="hm-block">
     <h2 class="text-xl">役職：{role.name}</h2>
-    <div class="gap-2 grid grid-cols-7 justify-items-center text-sm">
+    <div class="grid grid-cols-7 justify-items-center gap-2 text-sm">
       <div></div>
       <div class="text-lg text-gray-500">1</div>
       <div class="text-lg text-gray-500">2</div>
@@ -36,7 +36,7 @@
       {#snippet radioButton(radioIndex: number)}
         <div class="inline-flex items-center">
           <label
-            class="relative flex items-center cursor-pointer"
+            class="relative flex cursor-pointer items-center"
             for="{role.name}-{radioIndex}"
           >
             <input
@@ -50,7 +50,7 @@
               disabled={closed}
             />
             <span
-              class="absolute bg-slate-800 w-3 h-3 rounded-full opacity-0 peer-checked:opacity-100 transition-opacity duration-200 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
+              class="absolute top-1/2 left-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 transform rounded-full bg-slate-800 opacity-0 transition-opacity duration-200 peer-checked:opacity-100"
             >
             </span>
           </label>
diff --git a/web/src/routes/new/+page.svelte b/web/src/routes/new/+page.svelte
@@ -129,7 +129,7 @@
           <div class="flex gap-2">
             <input
               type="text"
-              class="input bg-white validator text-base grow-1"
+              class="input validator grow-1 bg-white text-base"
               placeholder="役職名"
               minlength="1"
               required
@@ -138,15 +138,15 @@
             />
             <input
               type="number"
-              class="input bg-white validator text-base"
+              class="input validator bg-white text-base"
               placeholder="最大人数"
               min={1}
               required
               bind:value={role.max}
             />
             <input
               type="number"
-              class="input bg-white validator text-base"
+              class="input validator bg-white text-base"
               placeholder="最小人数"
               min="0"
               max={role.max}
@@ -177,7 +177,7 @@
           <h2 class="text-xl">複数の役職につくことを許可する</h2>
           <input
             type="checkbox"
-            class="block mt-3 checkbox checkbox-lg checkbox-primary ml-auto mr-auto"
+            class="checkbox checkbox-lg checkbox-primary mt-3 mr-auto ml-auto block"
             placeholder=""
             indeterminate={multipleRoles_is_invalid}
             bind:checked={form.multipleRoles}

Original file line number	Diff line number	Diff line change
`@@ -15,17 +15,17 @@`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`.btn {`
`18`		`- @apply font-normal rounded-xl;`
	`18`	`+ @apply rounded-xl font-normal;`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`.input {`
`22`	`22`	`@apply rounded-xl;`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`.hm-blocks-container {`
`26`		`- @apply h-full bg-base-100 p-6 flex flex-col gap-4;`
	`26`	`+ @apply bg-base-100 flex h-full flex-col gap-4 p-6;`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`.hm-block {`
`30`		`- @apply rounded-xl bg-white p-6 flex flex-col gap-2 border border-gray-200;`
	`30`	`+ @apply flex flex-col gap-2 rounded-xl border border-gray-200 bg-white p-6;`
`31`	`31`	`}`