fix(stage-pages): show scrollbar in module provider lists so all items are reachable (#1723)

---------

Co-authored-by: octo-patch <octo-patch@github.com>
This commit is contained in:
Octopus
2026-04-29 22:47:17 +08:00
committed by GitHub
co-authored by octo-patch
parent d660103672
commit 44cfbae5bf
4 changed files with 5 additions and 8 deletions
@@ -71,8 +71,7 @@ function handleDeleteProvider(providerId: string) {
<fieldset
v-if="persistedChatProvidersMetadata.length > 0"
flex="~ row gap-4"
:style="{ 'scrollbar-width': 'none' }"
min-w-0 of-x-scroll scroll-smooth
min-w-0 of-x-auto scroll-smooth
role="radiogroup"
>
<RadioCardSimple
@@ -528,8 +528,7 @@ onUnmounted(() => {
<fieldset
v-if="configuredTranscriptionProvidersMetadata.length > 0"
flex="~ row gap-4"
:style="{ 'scrollbar-width': 'none' }"
min-w-0 of-x-scroll scroll-smooth
min-w-0 of-x-auto scroll-smooth
role="radiogroup"
>
<RadioCardSimple
@@ -270,8 +270,8 @@ function handleDeleteProvider(providerId: string) {
</div>
<div max-w-full>
<fieldset
v-if="configuredSpeechProvidersMetadata.length > 0" flex="~ row gap-4" :style="{ 'scrollbar-width': 'none' }"
min-w-0 of-x-scroll scroll-smooth role="radiogroup"
v-if="configuredSpeechProvidersMetadata.length > 0" flex="~ row gap-4"
min-w-0 of-x-auto scroll-smooth role="radiogroup"
>
<RadioCardSimple
v-for="metadata in configuredSpeechProvidersMetadata"
@@ -94,8 +94,7 @@ function formatRelativeTime(timestamp: number | null) {
<div :class="['max-w-full']">
<fieldset
v-if="persistedChatProvidersMetadata.length > 0"
:class="['flex', 'min-w-0', 'flex-row', 'gap-4', 'of-x-scroll', 'scroll-smooth']"
:style="{ 'scrollbar-width': 'none' }"
:class="['flex', 'min-w-0', 'flex-row', 'gap-4', 'of-x-auto', 'scroll-smooth']"
role="radiogroup"
>
<RadioCardSimple