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-permissions.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-permissions.tsx')
| -rw-r--r-- | packages/app/src/components/settings-permissions.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/packages/app/src/components/settings-permissions.tsx b/packages/app/src/components/settings-permissions.tsx index bcbf7b68f..87a1a7e2a 100644 --- a/packages/app/src/components/settings-permissions.tsx +++ b/packages/app/src/components/settings-permissions.tsx @@ -175,14 +175,14 @@ export const SettingsPermissions: Component = () => { return ( <div class="flex flex-col h-full overflow-y-auto no-scrollbar"> - <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-1 p-8 max-w-[720px]"> +<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-1 px-4 py-8 sm:p-8 max-w-[720px]"> <h2 class="text-16-medium text-text-strong">{language.t("settings.permissions.title")}</h2> <p class="text-14-regular text-text-weak">{language.t("settings.permissions.description")}</p> </div> </div> - <div class="flex flex-col gap-6 p-8 pt-6 max-w-[720px]"> + <div class="flex flex-col gap-6 px-4 py-6 sm:p-8 sm:pt-6 max-w-[720px]"> <div class="flex flex-col gap-2"> <h3 class="text-14-medium text-text-strong">{language.t("settings.permissions.section.tools")}</h3> <div class="border border-border-weak-base rounded-lg overflow-hidden"> @@ -217,8 +217,8 @@ interface SettingsRowProps { const SettingsRow: Component<SettingsRowProps> = (props) => { return ( - <div class="flex items-center justify-between gap-4 px-4 py-3 border-b border-border-weak-base last:border-none"> - <div class="flex flex-col gap-0.5"> + <div class="flex flex-wrap items-center justify-between gap-4 px-4 py-3 border-b border-border-weak-base last:border-none"> + <div class="flex flex-col gap-0.5 min-w-0"> <span class="text-14-medium text-text-strong">{props.title}</span> <span class="text-12-regular text-text-weak">{props.description}</span> </div> |