feat: set background of RecordingPage

2024-10-20 23:16:02 +05:30
parent 6c36f7cffc
commit 9d08ad68a0
1 changed files with 11 additions and 0 deletions
--- a/src/pages/RecordingPage.tsx
+++ b/src/pages/RecordingPage.tsx
@@ -55,6 +55,17 @@ export const RecordingPage = ({ recordingName }: RecordingPageProps) => {

  useEffect(() => changeBrowserDimensions(), [isLoaded])

+  useEffect(() => {
+    document.body.style.background = 'radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(232, 191, 222, 1) 100%, rgba(255, 255, 255, 1) 100%)';
+    document.body.style.filter = 'progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);'
+    
+    return () => {
+      // Cleanup the background when leaving the page
+      document.body.style.background = '';
+      document.body.style.filter = '';
+    };
+  }, []);
+
  useEffect(() => {
    let isCancelled = false;
    const handleRecording = async () => {