d8dfun/claudecodeui
1
0
Fork 0
mirror of https://github.com/siteboon/claudecodeui.git synced 2026-06-02 02:15:34 +08: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 <button
type="button" type="button"
onClick={onModeSwitch} 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' permissionMode === 'default'
? 'border-border/60 bg-muted/50 text-muted-foreground hover:bg-muted' ? 'border-border/60 bg-muted/50 text-muted-foreground hover:bg-muted'
: permissionMode === 'acceptEdits' : permissionMode === 'acceptEdits'
@@ -340,7 +340,7 @@ export default function ChatComposer({
> >
<div className="flex items-center gap-1.5"> <div className="flex items-center gap-1.5">
<div <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' permissionMode === 'default'
? 'bg-muted-foreground' ? 'bg-muted-foreground'
: permissionMode === 'acceptEdits' : permissionMode === 'acceptEdits'
@@ -350,7 +350,7 @@ export default function ChatComposer({
: 'bg-primary' : 'bg-primary'
}`} }`}
/> />
<span> <span className="hidden sm:inline">
{permissionMode === 'default' && t('codex.modes.default')} {permissionMode === 'default' && t('codex.modes.default')}
{permissionMode === 'acceptEdits' && t('codex.modes.acceptEdits')} {permissionMode === 'acceptEdits' && t('codex.modes.acceptEdits')}
{permissionMode === 'bypassPermissions' && t('codex.modes.bypassPermissions')} {permissionMode === 'bypassPermissions' && t('codex.modes.bypassPermissions')}
@@ -384,6 +384,7 @@ export default function ChatComposer({
<PromptInputButton <PromptInputButton
tooltip={{ content: t('input.clearInput', { defaultValue: 'Clear input' }) }} tooltip={{ content: t('input.clearInput', { defaultValue: 'Clear input' }) }}
onClick={onClearInput} onClick={onClearInput}
className="hidden sm:inline-flex"
> >
<XIcon /> <XIcon />
</PromptInputButton> </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> Allow rule: <code className="rounded bg-muted px-1 py-0.5 text-xs">{permissionEntry}</code>
</div> </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> </ConfirmationRequest>
</ConfirmationTitle> </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> <ConfirmationActions>
<ConfirmationAction <ConfirmationAction
variant="outline" variant="outline"