ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(app): tighten mobile utility UI

Browse source
This commit is contained in:
Brendan Allan 2026-06-18 09:53:48 +02:00
commit c3993c602c
No known key found for this signature in database
GPG key ID: 41E835AEA046A32E
3 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/app/src/components/debug-bar.tsx
View file

@ -363,7 +363,7 @@ export function DebugBar() {
return ( return (
<aside <aside
aria-label={language.t("debugBar.ariaLabel")} aria-label={language.t("debugBar.ariaLabel")}
class="pointer-events-auto fixed bottom-3 right-3 z-50 w-[308px] max-w-[calc(100vw-1.5rem)] overflow-hidden rounded-xl border border-border-base bg-surface-raised-stronger-non-alpha p-0.5 text-text-strong shadow-[var(--shadow-lg-border-base)] sm:bottom-4 sm:right-4 sm:w-[324px]" class="pointer-events-auto fixed bottom-3 right-3 z-50 hidden w-[308px] max-w-[calc(100vw-1.5rem)] overflow-hidden rounded-xl border border-border-base bg-surface-raised-stronger-non-alpha p-0.5 text-text-strong shadow-[var(--shadow-lg-border-base)] md:block sm:bottom-4 sm:right-4 sm:w-[324px]"
> >
<div class="grid grid-cols-5 gap-px font-mono"> <div class="grid grid-cols-5 gap-px font-mono">
<Cell <Cell

2
packages/app/src/components/help-button.tsx
View file

@ -11,7 +11,7 @@ export function HelpButton() {
return ( return (
<Show when={!state.dismissed}> <Show when={!state.dismissed}>
<div class="fixed bottom-4 right-4 z-50"> <div class="fixed bottom-4 right-4 z-50 hidden md:block">
<Popover <Popover
open={shown()} open={shown()}
onOpenChange={setShown} onOpenChange={setShown}

8
packages/app/src/components/settings-v2/settings-v2.css
View file

@ -167,6 +167,14 @@
background-color: var(--v2-background-bg-layer-01); background-color: var(--v2-background-bg-layer-01);
} }
@media (max-width: 639px) {
.settings-v2[data-orientation="vertical"] [data-slot="tabs-v2-list"] {
width: 144px;
min-width: 144px;
padding-inline: 8px;
}
}
.settings-v2-nav-footer { .settings-v2-nav-footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;