From 69e6fb4dbd34005a3814e7bcbc103cfbe35cb8ee Mon Sep 17 00:00:00 2001
From: Enrico Ros <enrico.ros@gmail.com>
Date: Sun, 22 Sep 2024 12:55:27 -0700
Subject: [PATCH] Camera: lighter render

---
 .../composer/CameraCaptureModal.tsx           | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/apps/chat/components/composer/CameraCaptureModal.tsx b/src/apps/chat/components/composer/CameraCaptureModal.tsx
index 32ed1e344..66c13c178 100644
--- a/src/apps/chat/components/composer/CameraCaptureModal.tsx
+++ b/src/apps/chat/components/composer/CameraCaptureModal.tsx
@@ -138,12 +138,29 @@ export function CameraCaptureModal(props: {
 
 
   return (
-    <Modal open onClose={stopAndClose} sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
+    <Modal
+      open
+      onClose={stopAndClose}
+      sx={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+      }}
+      slotProps={{
+        backdrop: {
+          sx: {
+            backdropFilter: 'none', // using none because this is heavy
+            // backdropFilter: 'blur(4px)',
+            backgroundColor: 'rgba(var(--joy-palette-neutral-mainChannel) / 0.5)',
+          },
+        },
+      }}
+    >
 
       <Box sx={{
         display: 'flex', flexDirection: 'column', m: 1,
         borderRadius: 'md', overflow: 'hidden',
-        boxShadow: 'sm',
+        boxShadow: 'lg',
       }}>
 
         {/* Top bar */}