Remove overflow clipping to allow sidecar drop shadow to spill properly

- Remove overflow-hidden from ResizableSplitter right panel when floating
- Remove overflow-hidden from EnhancedBentoBox main container
- Allows drop shadow to render properly without being clipped
- Shadow can now spill into other sections of the app as intended
- Fixes grey appearance caused by clipped shadows
This commit is contained in:
spencrmartin
2025-11-19 12:51:05 -05:00
parent 8ac9b309f0
commit 23cdfddea0
2 changed files with 2 additions and 2 deletions
@@ -461,7 +461,7 @@ export const EnhancedBentoBox: React.FC<EnhancedBentoBoxProps> = ({
return (
<motion.div
layout
className="flex-1 h-full bg-background-default rounded-xl overflow-hidden relative border border-border-subtle"
className="flex-1 h-full bg-background-default rounded-xl relative border border-border-subtle"
initial={{ opacity: 0, scale: 0.95 }}
animate={{ opacity: 1, scale: 1 }}
transition={{ duration: 0.3 }}
@@ -111,7 +111,7 @@ export const ResizableSplitter: React.FC<ResizableSplitterProps> = ({
{/* Right Panel */}
<div
className={`flex-1 overflow-hidden ${floatingRight ? 'relative bg-background-default' : ''}`}
className={`flex-1 ${floatingRight ? 'relative bg-background-default' : 'overflow-hidden'}`}
style={{ width: `${rightWidth}%` }}
>
{floatingRight ? (