diff options
| author | Devin Griffin <[email protected]> | 2026-01-28 21:20:34 -0600 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-28 21:20:34 -0600 |
| commit | a7d7f5bb07eb197ce91cd7267d7b0103daf5613e (patch) | |
| tree | be57ed880e6cf2d01a5df4a6a81d75e5ec9865a7 /packages/app/src/components/settings-models.tsx | |
| parent | 8cdb82038a465dece6e9482d4e10adbf7719b6bb (diff) | |
| download | opencode-a7d7f5bb07eb197ce91cd7267d7b0103daf5613e.tar.gz opencode-a7d7f5bb07eb197ce91cd7267d7b0103daf5613e.zip | |
fix(app): make settings more responsive for mobile and small web/desktop (#10775)
Diffstat (limited to 'packages/app/src/components/settings-models.tsx')
| -rw-r--r-- | packages/app/src/components/settings-models.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/app/src/components/settings-models.tsx b/packages/app/src/components/settings-models.tsx index 0cb6deee1..062d17330 100644 --- a/packages/app/src/components/settings-models.tsx +++ b/packages/app/src/components/settings-models.tsx @@ -39,7 +39,7 @@ export const SettingsModels: Component = () => { }) return ( - <div class="flex flex-col h-full overflow-y-auto no-scrollbar px-10 pb-10"> +<div class="flex flex-col h-full overflow-y-auto no-scrollbar px-4 pb-10 sm:px-10 sm:pb-10"> <div class="sticky top-0 z-10 bg-[linear-gradient(to_bottom,var(--surface-raised-stronger-non-alpha)_calc(100%_-_24px),transparent)]"> <div class="flex flex-col gap-4 pt-6 pb-6 max-w-[720px]"> <h2 class="text-16-medium text-text-strong">{language.t("settings.models.title")}</h2> @@ -99,7 +99,7 @@ export const SettingsModels: Component = () => { {(item) => { const key = { providerID: item.provider.id, modelID: item.id } return ( - <div class="flex items-center justify-between gap-4 py-3 border-b border-border-weak-base last:border-none"> + <div class="flex flex-wrap items-center justify-between gap-4 py-3 border-b border-border-weak-base last:border-none"> <div class="min-w-0"> <span class="text-14-regular text-text-strong truncate block">{item.name}</span> </div> |