refactor: update episode-ai-summary-placeholder (#98)

experiment-station · Dec 17, 2023 · 6d92c23 · 6d92c23
1 parent a1d7194
commit 6d92c23
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/components/episode-ai-summary/episode-ai-summary-placeholder.tsx b/components/episode-ai-summary/episode-ai-summary-placeholder.tsx
@@ -1,7 +1,7 @@
 import type { PropsWithChildren } from 'react';
 
 import { FAKE_EPISODE_SUMMARY } from '@/lib/fixtures/fake-episode-summary';
-import { Flex } from '@radix-ui/themes';
+import { Box, Flex } from '@radix-ui/themes';
 
 import { CollapsiblePanel } from '../ui/collapsible-panel';
 
@@ -16,11 +16,22 @@ export function EpisodeAISummaryPlaceholder(props: PropsWithChildren) {
         justify="center"
         left="0"
         position="absolute"
-        style={{ backdropFilter: 'blur(3px)', borderRadius: 10, zIndex: 1 }}
+        style={{
+          backdropFilter: 'blur(3px)',
+          zIndex: 1,
+        }}
         top="0"
         width="100%"
       >
-        {props.children}
+        <Box
+          style={{
+            backgroundColor: 'var(--color-page-background)',
+            borderRadius: 'var(--radius-3)',
+            overflow: 'hidden',
+          }}
+        >
+          {props.children}
+        </Box>
       </Flex>
     </CollapsiblePanel>
   );