fix: Fix layout with safe-area

ContentsViewer · Apr 29, 2024 · bc1b4d5 · bc1b4d5
1 parent 37b0835
commit bc1b4d5
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/app/files/page.tsx b/app/files/page.tsx
@@ -304,14 +304,15 @@ export default function Page() {
       <Box
         sx={{
           mt: 8,
-          pl: `env(safe-area-inset-left, 0)`,
-          pr: `env(safe-area-inset-right, 0)`,
+          ml: `env(safe-area-inset-left, 0)`,
+          mr: `env(safe-area-inset-right, 0)`,
         }}
-      ></Box>
-      <FileList
-        sx={{ maxWidth: "1040px", margin: "0 auto", width: "100%" }}
-        files={files}
-      />
+      >
+        <FileList
+          sx={{ maxWidth: "1040px", margin: "0 auto", width: "100%" }}
+          files={files}
+        />
+      </Box>
     </Box>
   )
 }