fix: stretch editor on smaller screens

2025-12-24 07:29:30 +01:00 · 2021-01-07 14:07:25 +05:00
parent 1bf2d9bba7
commit 2d2fc4033e
1 changed files with 4 additions and 1 deletions
--- a/apps/web/src/components/editor/index.js
+++ b/apps/web/src/components/editor/index.js
@@ -126,7 +126,10 @@ function Editor(props) {
        <Animated.Flex
          variant="columnFill"
          className="editor"
-          sx={{ mx: [0, 0, editorMargins], alignSelf: "center" }}
+          sx={{
+            mx: [0, 0, editorMargins],
+            alignSelf: ["stretch", "stretch", "center"],
+          }}
          animate={{
            marginRight: isFocusMode ? "25%" : editorMargins,
            marginLeft: isFocusMode ? "25%" : editorMargins,