From 961dc6f26448ae943c6c3f666f2e759d36a6df4c Mon Sep 17 00:00:00 2001
From: ThrRip <coding@thrrip.space>
Date: Wed, 20 Dec 2023 23:01:34 +0800
Subject: [PATCH] [all]: Don't have the wrapper when payment is not required

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

diff --git a/packages/admin/components/PlaylistList.vue b/packages/admin/components/PlaylistList.vue
index 1fd5882..98d1e30 100644
--- a/packages/admin/components/PlaylistList.vue
+++ b/packages/admin/components/PlaylistList.vue
@@ -373,7 +373,7 @@
                 :title="song.payment_required && song.payment_amount ? `需要 ${song.payment_amount} 元 SC` : ''"
               >
                 <font-awesome-icon v-if="props.type === 'main' && song.payment_required" :icon="['fas', 'comment-dollar']" class="!h-5" />
-                <span :class="{ 'text-[0.625rem] leading-snug': props.type === 'main' }">
+                <span v-if="song.payment_required" :class="{ 'text-[0.625rem] leading-snug': props.type === 'main' }">
                   <span
                     v-if="(props.type === 'main' && song.payment_amount) ||
                       (props.type === 'changes' && song.payment_amount &&
diff --git a/packages/home/app.vue b/packages/home/app.vue
index 31742c0..db10a56 100644
--- a/packages/home/app.vue
+++ b/packages/home/app.vue
@@ -283,9 +283,8 @@
                 <span class="flex flex-row portrait:order-4 items-center px-4 portrait:px-3 landscape:py-2 h-full portrait:text-xs">
                   {{ song.artist }}
                 </span>
-                <span class="flex flex-row portrait:row-span-2 px-4 portrait:px-3 h-full">
+                <span v-if="song.payment_required" class="flex flex-row portrait:row-span-2 px-4 portrait:px-3 h-full">
                   <span
-                    v-if="song.payment_required"
                     class="flex flex-col justify-center items-center"
                     :title="song.payment_amount ? `需要 ${song.payment_amount} 元 SC` : ''"
                   >
@@ -295,7 +294,7 @@
                     </span>
                   </span>
                 </span>
-                <span class="flex flex-row portrait:row-span-2 items-center pl-4 portrait:pl-3 py-2 h-full">
+                <span class="col-start-4 portrait:col-start-3 flex flex-row portrait:row-span-2 items-center pl-4 portrait:pl-3 py-2 h-full">
                   {{ song.language }}
                 </span>
               </div>