BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add shadow to chat input elements on mobile for visual consistency

Browse Source 
Fix alignment of settings radio options when no description is present
This commit is contained in:
Bohdan Triapitsyn
2026-07-18 00:56:32 +03:00
parent 2af5cd39d1
commit 72a60f93fd
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/ChatInput.tsx
+3 -3
View File
@@ -4976,7 +4976,7 @@ const ChatInputComponent: React.FC<ChatInputProps> = ({ onOpenSettings, scrollTo
/> />
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div <div
className="flex h-11 min-w-0 flex-1 items-center gap-x-0.5 rounded-full border border-border/80 pl-2 pr-1" className="flex h-11 min-w-0 flex-1 items-center gap-x-0.5 rounded-full border border-border/80 pl-2 pr-1 shadow-[0_4px_16px_-4px_rgb(0_0_0_/_0.12)]"
style={{ backgroundColor: currentTheme?.colors?.surface?.subtle }} style={{ backgroundColor: currentTheme?.colors?.surface?.subtle }}
> >
<MobileSessionPanelTrigger <MobileSessionPanelTrigger
@@ -5035,7 +5035,7 @@ const ChatInputComponent: React.FC<ChatInputProps> = ({ onOpenSettings, scrollTo
> >
<button <button
type="button" type="button"
className="flex h-11 w-11 cursor-pointer items-center justify-center rounded-full border border-border/80 text-foreground" className="flex h-11 w-11 cursor-pointer items-center justify-center rounded-full border border-border/80 text-foreground shadow-[0_4px_16px_-4px_rgb(0_0_0_/_0.12)]"
style={{ backgroundColor: currentTheme?.colors?.surface?.subtle }} style={{ backgroundColor: currentTheme?.colors?.surface?.subtle }}
onClick={handleMobileNewSession} onClick={handleMobileNewSession}
disabled={newSessionDraftOpen} disabled={newSessionDraftOpen}
@@ -5066,7 +5066,7 @@ const ChatInputComponent: React.FC<ChatInputProps> = ({ onOpenSettings, scrollTo
"flex flex-col relative overflow-visible", "flex flex-col relative overflow-visible",
isComposerExpanded && 'flex-1 min-h-0', isComposerExpanded && 'flex-1 min-h-0',
"border border-border/80", "border border-border/80",
!isMobile && "shadow-[0_4px_16px_-4px_rgb(0_0_0_/_0.12)]", "shadow-[0_4px_16px_-4px_rgb(0_0_0_/_0.12)]",
"focus-within:ring-1", "focus-within:ring-1",
inputMode === 'shell' inputMode === 'shell'
? 'focus-within:ring-[var(--status-info)]' ? 'focus-within:ring-[var(--status-info)]'
packages/ui/src/components/sections/shared/SettingsSection.tsx
+2 -1
View File
@@ -450,7 +450,8 @@ export const SettingsRadioOption: React.FC<SettingsRadioOptionProps> = ({
return ( return (
<div <div
className={cn( className={cn(
'flex cursor-pointer items-start gap-2 py-0.5', 'flex cursor-pointer gap-2 py-0.5',
description != null ? 'items-start' : 'items-center',
disabled && 'cursor-not-allowed opacity-60', disabled && 'cursor-not-allowed opacity-60',
className, className,
)} )}