diff options
| -rw-r--r-- | packages/app/src/components/dialog-select-model-unpaid.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/packages/app/src/components/dialog-select-model-unpaid.tsx b/packages/app/src/components/dialog-select-model-unpaid.tsx index 5a4dd00ec..78c169777 100644 --- a/packages/app/src/components/dialog-select-model-unpaid.tsx +++ b/packages/app/src/components/dialog-select-model-unpaid.tsx @@ -34,11 +34,14 @@ export const DialogSelectModelUnpaid: Component = () => { }) return ( - <Dialog title={language.t("dialog.model.select.title")}> - <div class="flex flex-col gap-3 px-2.5 flex-1 min-h-0 overflow-hidden"> + <Dialog + title={language.t("dialog.model.select.title")} + class="overflow-y-auto [&_[data-slot=dialog-body]]:overflow-visible [&_[data-slot=dialog-body]]:flex-none" + > + <div class="flex flex-col gap-3 px-2.5"> <div class="text-14-medium text-text-base px-2.5">{language.t("dialog.model.unpaid.freeModels.title")}</div> <List - class="flex-1 min-h-0 [&_[data-slot=list-scroll]]:flex-1 [&_[data-slot=list-scroll]]:min-h-0" + class="[&_[data-slot=list-scroll]]:overflow-visible" ref={(ref) => (listRef = ref)} items={local.model.list} current={local.model.current()} @@ -77,7 +80,7 @@ export const DialogSelectModelUnpaid: Component = () => { )} </List> </div> - <div class="shrink-0 px-1.5 pb-1.5"> + <div class="px-1.5 pb-1.5"> <div class="w-full rounded-sm border border-border-weak-base bg-surface-raised-base"> <div class="w-full flex flex-col items-start gap-4 px-1.5 pt-4 pb-4"> <div class="px-2 text-14-medium text-text-base">{language.t("dialog.model.unpaid.addMore.title")}</div> |