fix: hidden overflowX and min/max width for images

semaphore-protocol · Dec 11, 2023 · 395f3bd · 395f3bd
1 parent 2b0afdf
commit 395f3bd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/apps/website/src/app/page.tsx b/apps/website/src/app/page.tsx
@@ -27,7 +27,8 @@ export default function Home() {
                         alt="Midnight whispers image"
                         src="https://semaphore.cedoor.dev/midnight-whispers.jpg"
                         objectFit="cover"
-                        w="full"
+                        minWidth="100%"
+                        maxWidth="100%"
                         h="full"
                     />
                 </Box>
@@ -202,7 +203,8 @@ export default function Home() {
                         alt="Fluttering shadow image"
                         src="https://semaphore.cedoor.dev/shadow-flutter.jpg"
                         objectFit="cover"
-                        w="full"
+                        minWidth="100%"
+                        maxWidth="100%"
                         h="full"
                     />
                 </Box>

diff --git a/apps/website/src/styles/styles.ts b/apps/website/src/styles/styles.ts
@@ -11,7 +11,8 @@ const styles: Styles = {
             color: "white"
         },
         "body, #__next": {
-            minHeight: "100vh"
+            minHeight: "100vh",
+            overflowX: "hidden"
         },
         "#__next": {
             display: "flex",