style(stage-web,stage-tamagotchi): cols-1 for providers on mobile

This commit is contained in:
Neko Ayaka
2025-07-17 03:46:23 +08:00
parent 8ce1fe221e
commit 92f5a2671a
2 changed files with 6 additions and 6 deletions
@@ -47,7 +47,7 @@ const {
</div>
</div>
</div>
<div grid="~ cols-1 md:cols-2 gap-4">
<div grid="~ cols-1 sm:cols-2 xl:cols-3 gap-4">
<IconStatusItem
v-for="(provider, index) of allChatProvidersMetadata"
:key="provider.id"
@@ -78,7 +78,7 @@ const {
</div>
</div>
</div>
<div grid="~ cols-1 md:cols-2 gap-4">
<div grid="~ cols-1 sm:cols-2 xl:cols-3 gap-4">
<IconStatusItem
v-for="(provider, index) of allAudioSpeechProvidersMetadata"
:key="provider.id"
@@ -109,7 +109,7 @@ const {
</div>
</div>
</div>
<div grid="~ cols-1 md:cols-2 gap-4">
<div grid="~ cols-1 sm:cols-2 xl:cols-3 gap-4">
<IconStatusItem
v-for="(provider, index) of allAudioTranscriptionProvidersMetadata"
:key="provider.id"
@@ -54,7 +54,7 @@ const {
</div>
</div>
</div>
<div grid="~ cols-2 gap-4">
<div grid="~ cols-1 sm:cols-2 xl:cols-3 gap-4">
<IconStatusItem
v-for="(provider, index) of allChatProvidersMetadata" :key="provider.id" v-motion
:initial="{ opacity: 0, y: 10 }" :enter="{ opacity: 1, y: 0 }" :duration="250 + index * 10" :delay="index * 50"
@@ -76,7 +76,7 @@ const {
</div>
</div>
</div>
<div grid="~ cols-2 gap-4">
<div grid="~ cols-1 sm:cols-2 xl:cols-3 gap-4">
<IconStatusItem
v-for="(provider, index) of allAudioSpeechProvidersMetadata" :key="provider.id" v-motion
:initial="{ opacity: 0, y: 10 }" :enter="{ opacity: 1, y: 0 }" :duration="250 + index * 10"
@@ -98,7 +98,7 @@ const {
</div>
</div>
</div>
<div grid="~ cols-2 gap-4">
<div grid="~ cols-1 sm:cols-2 xl:cols-3 gap-4">
<IconStatusItem
v-for="(provider, index) of allAudioTranscriptionProvidersMetadata" :key="provider.id" v-motion
:initial="{ opacity: 0, y: 10 }" :enter="{ opacity: 1, y: 0 }" :duration="250 + index * 10"