diff options
| author | adamelmore <[email protected]> | 2026-01-29 20:38:18 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2026-01-29 20:44:38 -0600 |
| commit | 5f282c268db3515c87d48d475d3a5fb612e97216 (patch) | |
| tree | 33b67d77bddea625e8854128295e04077877de11 | |
| parent | d3d6e7e275c72cde95bb3a57253d18e245825bc5 (diff) | |
| download | opencode-5f282c268db3515c87d48d475d3a5fb612e97216.tar.gz opencode-5f282c268db3515c87d48d475d3a5fb612e97216.zip | |
fix(app): free model layout
| -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> |