monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): free model layout

Browse Source
This commit is contained in:
adamelmore
2026-01-29 20:38:18 -06:00
committed by Adam
parent d3d6e7e275
commit 5f282c268d
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/app/src/components/dialog-select-model-unpaid.tsx
View File

@@ -34,11 +34,14 @@ export const DialogSelectModelUnpaid: Component = () => {
}) })
return ( return (
<Dialog title={language.t("dialog.model.select.title")}> <Dialog
<div class="flex flex-col gap-3 px-2.5 flex-1 min-h-0 overflow-hidden"> 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> <div class="text-14-medium text-text-base px-2.5">{language.t("dialog.model.unpaid.freeModels.title")}</div>
<List <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)} ref={(ref) => (listRef = ref)}
items={local.model.list} items={local.model.list}
current={local.model.current()} current={local.model.current()}
@@ -77,7 +80,7 @@ export const DialogSelectModelUnpaid: Component = () => {
)} )}
</List> </List>
</div> </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 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="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> <div class="px-2 text-14-medium text-text-base">{language.t("dialog.model.unpaid.addMore.title")}</div>