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

feat: add subtle shadows to chat input and sidebar

Browse Source 
Added a box shadow to the chat input on desktop for depth
Added an inset shadow to the sidebar when open for visual separation
This commit is contained in:
Bohdan Triapitsyn
2026-07-18 00:18:28 +03:00
parent 17f1b24709
commit 2af5cd39d1
2 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/ChatInput.tsx
+1
View File
@@ -5066,6 +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)]",
"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/layout/Sidebar.tsx
+1
View File
@@ -128,6 +128,7 @@ export const Sidebar: React.FC<SidebarProps> = ({ isOpen, isMobile, children, cl
className={cn( className={cn(
'relative flex h-full overflow-hidden border-r border-border/40 will-change-[width] motion-reduce:transition-none', 'relative flex h-full overflow-hidden border-r border-border/40 will-change-[width] motion-reduce:transition-none',
'bg-sidebar oc-vibrancy-surface', 'bg-sidebar oc-vibrancy-surface',
isOpen && 'shadow-[inset_-2px_0_10px_-2px_rgb(0_0_0_/_0.06)]',
!isOpen && 'border-r-0', !isOpen && 'border-r-0',
className, className,
)} )}