change modal display to have better view

bamlab · Feb 8, 2024 · 4888020 · 4888020
1 parent eb1674a
commit 4888020
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/example/src/components/modals/Modal.tsx b/packages/example/src/components/modals/Modal.tsx
@@ -5,6 +5,7 @@ import { Typography } from '../../design-system/components/Typography';
 import { Spacer } from '../../design-system/components/Spacer';
 import { SpatialNavigationRoot } from '../../../../lib/src/spatial-navigation/components/Root';
 import { useLockModal } from '../../hooks/useLockModal';
+import { colors } from '../../design-system/theme/colors';
 
 type CustomModalProps = ModalProps & {
   isModalVisible: boolean;
@@ -46,7 +47,9 @@ const StyledModal = styled(View)({
 const ModalContentContainer = styled(View)({
   minHeight: 200,
   minWidth: 200,
-  backgroundColor: 'grey',
+  backgroundColor: colors.background.main,
+  borderWidth: 2,
+  borderColor: colors.primary.light,
   padding: 32,
   margin: 16,
   borderRadius: 16,