d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2026-04-23 22:11:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: small mobile respnosive fixes

Browse Source
This commit is contained in:
simosmik
2026-04-20 15:05:08 +00:00
parent 5758bee8a0
commit c471b5d3fa
2 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/chat/view/subcomponents/ChatComposer.tsx
View File

@@ -327,7 +327,7 @@ export default function ChatComposer({
<button
type="button"
onClick={onModeSwitch}
className={`rounded-lg border px-2.5 py-1 text-xs font-medium transition-all duration-200 ${
className={`rounded-lg border px-1.5 py-1 text-xs font-medium transition-all duration-200 sm:px-2.5 ${
permissionMode === 'default'
? 'border-border/60 bg-muted/50 text-muted-foreground hover:bg-muted'
: permissionMode === 'acceptEdits'
@@ -340,7 +340,7 @@ export default function ChatComposer({
>
<div className="flex items-center gap-1.5">
<div
className={`h-1.5 w-1.5 rounded-full ${
className={`h-2 w-2 rounded-full sm:h-1.5 sm:w-1.5 ${
permissionMode === 'default'
? 'bg-muted-foreground'
: permissionMode === 'acceptEdits'
@@ -350,7 +350,7 @@ export default function ChatComposer({
: 'bg-primary'
}`}
/>
<span>
<span className="hidden sm:inline">
{permissionMode === 'default' && t('codex.modes.default')}
{permissionMode === 'acceptEdits' && t('codex.modes.acceptEdits')}
{permissionMode === 'bypassPermissions' && t('codex.modes.bypassPermissions')}
@@ -384,6 +384,7 @@ export default function ChatComposer({
<PromptInputButton
tooltip={{ content: t('input.clearInput', { defaultValue: 'Clear input' }) }}
onClick={onClearInput}
className="hidden sm:inline-flex"
>
<XIcon />
</PromptInputButton>

21
src/components/chat/view/subcomponents/PermissionRequestsBanner.tsx
View File

@@ -83,19 +83,20 @@ export default function PermissionRequestsBanner({
Allow rule: <code className="rounded bg-muted px-1 py-0.5 text-xs">{permissionEntry}</code>
</div>
)}
{rawInput && (
<details className="mt-2">
<summary className="cursor-pointer text-xs text-muted-foreground hover:text-foreground">
View tool input
</summary>
<pre className="mt-2 max-h-40 overflow-auto whitespace-pre-wrap rounded-md border bg-muted/50 p-2 text-xs text-muted-foreground">
{rawInput}
</pre>
</details>
)}
</ConfirmationRequest>
</ConfirmationTitle>
{rawInput && (
<details className="mt-2">
<summary className="cursor-pointer text-xs text-muted-foreground hover:text-foreground">
View tool input
</summary>
<pre className="mt-2 max-h-40 overflow-auto whitespace-pre-wrap rounded-md border bg-muted/50 p-2 text-xs text-muted-foreground">
{rawInput}
</pre>
</details>
)}
<ConfirmationActions>
<ConfirmationAction
variant="outline"