[all]: Don't have the wrapper when payment is not required

ThrRip · Dec 20, 2023 · 961dc6f · 961dc6f
1 parent 3011adb
commit 961dc6f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git 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
@@ -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>