diff --git a/packages/ui/src/components/chat/ChatInput.tsx b/packages/ui/src/components/chat/ChatInput.tsx index 683ef53b..5e28234f 100644 --- a/packages/ui/src/components/chat/ChatInput.tsx +++ b/packages/ui/src/components/chat/ChatInput.tsx @@ -5066,6 +5066,7 @@ const ChatInputComponent: React.FC = ({ onOpenSettings, scrollTo "flex flex-col relative overflow-visible", isComposerExpanded && 'flex-1 min-h-0', "border border-border/80", + !isMobile && "shadow-[0_4px_16px_-4px_rgb(0_0_0_/_0.12)]", "focus-within:ring-1", inputMode === 'shell' ? 'focus-within:ring-[var(--status-info)]' diff --git a/packages/ui/src/components/layout/Sidebar.tsx b/packages/ui/src/components/layout/Sidebar.tsx index edd79610..4b8636d1 100644 --- a/packages/ui/src/components/layout/Sidebar.tsx +++ b/packages/ui/src/components/layout/Sidebar.tsx @@ -128,6 +128,7 @@ export const Sidebar: React.FC = ({ isOpen, isMobile, children, cl className={cn( 'relative flex h-full overflow-hidden border-r border-border/40 will-change-[width] motion-reduce:transition-none', 'bg-sidebar oc-vibrancy-surface', + isOpen && 'shadow-[inset_-2px_0_10px_-2px_rgb(0_0_0_/_0.06)]', !isOpen && 'border-r-0', className, )}