From 72582f746aa2f1617f6cb6c75ea3707867cd27dc Mon Sep 17 00:00:00 2001
From: ThrRip <coding@thrrip.space>
Date: Wed, 27 Dec 2023 01:57:58 +0800
Subject: [PATCH] [all]: Unify the order of utility style classes

---
 packages/admin/app.vue                     |  8 ++++----
 packages/admin/components/PlaylistList.vue | 16 ++++++++--------
 packages/home/app.vue                      |  2 +-
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/admin/app.vue b/packages/admin/app.vue
index 0f11fe0..bd821b0 100644
--- a/packages/admin/app.vue
+++ b/packages/admin/app.vue
@@ -18,7 +18,7 @@
           to="/"
           title="首页"
           class="aspect-square flex flex-row justify-center items-center h-14
-          bg-blue hover:bg-blue-a focus:outline outline-2 outline-offset-3 outline-blue-a rounded-xl
+          bg-blue hover:bg-blue-a rounded-xl focus:outline outline-2 outline-offset-3 outline-blue-a
           transition duration-300 active:scale-95"
           :class="{ 'bg-blue-a': route.path === '/' }"
           @click="viewToggleFullNavigationBar(false)"
@@ -30,7 +30,7 @@
         <NuxtLink
           to="/playlist"
           class="overflow-clip flex flex-row gap-x-1 items-center px-2 h-14 w-full max-w-full
-          bg-blue hover:bg-blue-a focus:outline outline-2 outline-offset-3 outline-blue-a rounded-xl
+          bg-blue hover:bg-blue-a rounded-xl focus:outline outline-2 outline-offset-3 outline-blue-a
           transition-all duration-300 active:scale-95"
           :class="{
             '!px-0 !max-w-[3.5rem]': !viewShowFullNavigationBar,
@@ -49,7 +49,7 @@
       <section class="z-50 flex flex-row gap-x-12 justify-between">
         <button
           class="flex flex-row gap-x-1 items-center px-2 w-full h-14
-          bg-blue hover:bg-blue-a focus:outline outline-2 outline-offset-3 outline-blue-a rounded-xl
+          bg-blue hover:bg-blue-a rounded-xl focus:outline outline-2 outline-offset-3 outline-blue-a
           transition duration-300 active:scale-95"
           @click="backendLogout"
         >
@@ -82,7 +82,7 @@
         <button
           :title="viewShowFullNavigationBar ? '收起导航栏' : '展开导航栏'"
           class="aspect-square flex flex-row justify-center items-center h-14
-          bg-blue hover:bg-blue-a focus:outline outline-2 outline-offset-3 outline-blue-a rounded-xl
+          bg-blue hover:bg-blue-a rounded-xl focus:outline outline-2 outline-offset-3 outline-blue-a
           transition duration-300 active:scale-95"
           @click="viewToggleFullNavigationBar()"
         >
diff --git a/packages/admin/components/PlaylistList.vue b/packages/admin/components/PlaylistList.vue
index 4d2c0a6..88b1490 100644
--- a/packages/admin/components/PlaylistList.vue
+++ b/packages/admin/components/PlaylistList.vue
@@ -336,12 +336,12 @@
                     v-if="(getPublishingStateById(song.$id) && getPublishingStateById(song.$id)?.state !== 'processing') ?
                       (getPublishingStateById(song.$id)?.old && getPublishingStateById(song.$id)?.old?.name !== '') :
                       (getUnmodifiedSongById(song.$id) && getUnmodifiedSongById(song.$id)?.name !== '')"
-                    class="px-2.5 py-0.5 line-through rounded-lg bg-pink-l/75"
+                    class="px-2.5 py-0.5 line-through bg-pink-l/75 rounded-lg"
                   >
                     {{ (getPublishingStateById(song.$id) && getPublishingStateById(song.$id)?.state !== 'processing') ?
                       getPublishingStateById(song.$id)?.old?.name : getUnmodifiedSongById(song.$id)?.name }}
                   </span>
-                  <span v-if="song.name" class="px-2.5 py-0.5 rounded-lg bg-blue-l/50">
+                  <span v-if="song.name" class="px-2.5 py-0.5 bg-blue-l/50 rounded-lg">
                     {{ song.name }}
                   </span>
                 </span>
@@ -400,12 +400,12 @@
                     v-if="(getPublishingStateById(song.$id) && getPublishingStateById(song.$id)?.state !== 'processing') ?
                       (getPublishingStateById(song.$id)?.old && getPublishingStateById(song.$id)?.old?.artist !== '') :
                       (getUnmodifiedSongById(song.$id) && getUnmodifiedSongById(song.$id)?.artist !== '')"
-                    class="px-2.5 py-0.5 line-through rounded-lg bg-pink-l/75"
+                    class="px-2.5 py-0.5 line-through bg-pink-l/75 rounded-lg"
                   >
                     {{ (getPublishingStateById(song.$id) && getPublishingStateById(song.$id)?.state !== 'processing') ?
                       getPublishingStateById(song.$id)?.old?.artist : getUnmodifiedSongById(song.$id)?.artist }}
                   </span>
-                  <span v-if="song.artist" class="px-2.5 py-0.5 rounded-lg bg-blue-l/50">
+                  <span v-if="song.artist" class="px-2.5 py-0.5 bg-blue-l/50 rounded-lg">
                     {{ song.artist }}
                   </span>
                 </span>
@@ -479,12 +479,12 @@
                       v-if="(getPublishingStateById(song.$id) && getPublishingStateById(song.$id)?.state !== 'processing') ?
                         (getPublishingStateById(song.$id)?.old && getPublishingStateById(song.$id)?.old?.payment_amount) :
                         (getUnmodifiedSongById(song.$id) && getUnmodifiedSongById(song.$id)?.payment_amount)"
-                      class="px-2 py-0.5 w-fit line-through rounded-md bg-pink-l/75"
+                      class="px-2 py-0.5 w-fit line-through bg-pink-l/75 rounded-md"
                     >
                       ¥{{ (getPublishingStateById(song.$id) && getPublishingStateById(song.$id)?.state !== 'processing') ?
                         getPublishingStateById(song.$id)?.old?.payment_amount : getUnmodifiedSongById(song.$id)?.payment_amount }}
                     </span>
-                    <span v-if="song.payment_amount" class="px-2 py-0.5 w-fit rounded-md bg-blue-l/50">
+                    <span v-if="song.payment_amount" class="px-2 py-0.5 w-fit bg-blue-l/50 rounded-md">
                       ¥{{ song.payment_amount }}
                     </span>
                   </span>
@@ -543,12 +543,12 @@
                     v-if="(getPublishingStateById(song.$id) && getPublishingStateById(song.$id)?.state !== 'processing') ?
                       (getPublishingStateById(song.$id)?.old && getPublishingStateById(song.$id)?.old?.language !== '') :
                       (getUnmodifiedSongById(song.$id) && getUnmodifiedSongById(song.$id)?.language !== '')"
-                    class="px-2.5 py-0.5 w-fit line-through rounded-lg bg-pink-l/75"
+                    class="px-2.5 py-0.5 w-fit line-through bg-pink-l/75 rounded-lg"
                   >
                     {{ (getPublishingStateById(song.$id) && getPublishingStateById(song.$id)?.state !== 'processing') ?
                       getPublishingStateById(song.$id)?.old?.language : getUnmodifiedSongById(song.$id)?.language }}
                   </span>
-                  <span v-if="song.language" class="px-2.5 py-0.5 w-fit rounded-lg bg-blue-l/50">
+                  <span v-if="song.language" class="px-2.5 py-0.5 w-fit bg-blue-l/50 rounded-lg">
                     {{ song.language }}
                   </span>
                 </span>
diff --git a/packages/home/app.vue b/packages/home/app.vue
index 250a78a..c51f28c 100644
--- a/packages/home/app.vue
+++ b/packages/home/app.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="contentRoot" class="relative portrait:overflow-y-auto h-dscreen">
     <main
-      class="z-10 absolute landscape:grid landscape:grid-cols-[36vw_1fr]
+      class="absolute z-10 landscape:grid landscape:grid-cols-[36vw_1fr]
       gap-x-14 lg:gap-x-16 xl:gap-x-28 2xl:gap-x-40 3xl:gap-x-6
       landscape:3xl:px-40 landscape:5xl:px-64 landscape:py-7 landscape:2xl:py-16 landscape:5xl:py-28
       w-full landscape:h-full backdrop-blur-[8rem]"