chore: add object fit cover

IT-Cotato · Dec 5, 2024 · 175ec39 · 175ec39
1 parent b3e3513
commit 175ec39
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/Background.tsx b/src/components/Background.tsx
@@ -27,15 +27,21 @@ const Background = () => {
         top: 0,
         left: 0,
         width: '100%',
-        height: '100%',
+        height: '200vh',
         zIndex: -1,
         backgroundRepeat: 'repeat',
         backgroundSize: 'cover',
         backgroundColor: theme.colors.common.white,
         transition: THEME_CHANGE_TRANSITION,
       }}
     >
-      <Box component="img" src={mode === 'light' ? lightBackgroundImage : darkBackgroundImage} />
+      <Box
+        component="img"
+        src={mode === 'light' ? lightBackgroundImage : darkBackgroundImage}
+        sx={{
+          objectFit: 'cover',
+        }}
+      />
     </Stack>
   );
 };