Merge pull request #172 from spotify/freben/zoom

Zoom out when on small screens :)
2020-03-06 13:40:40 +01:00
parent dcc62dd2ee f1ef39ec8c
commit 0a65a2ba72
3 changed files with 25 additions and 2 deletions
@@ -51,6 +51,29 @@
      href="%PUBLIC_URL%/safari-pinned-tab.svg"
      color="#5bbad5"
    />
+    <style>
+      @media only screen {
+        html {
+          zoom: 0.7;
+        }
+      }
+
+      @media only screen and (min-width: 800px) {
+        html {
+          zoom: 0.85;
+        }
+      }
+
+      @media only screen and (min-width: 1200px) {
+        html {
+          zoom: 1;
+        }
+      }
+
+      #root {
+        min-height: 100%;
+      }
+    </style>
    <title>Backstage</title>
  </head>
  <body style="margin: 0">
@@ -28,7 +28,7 @@ const useStyles = makeStyles(theme => ({
    gridTemplateColumns: '64px auto',
    gridTemplateRows: '1fr',
    width: '100%',
-    height: '100vh',
+    height: '100%',
  },
 }));

@@ -164,7 +164,7 @@ const useStyles = makeStyles(theme => ({
    display: 'flex',
    flexFlow: 'column nowrap',
    alignItems: 'flex-start',
-    position: 'absolute',
+    position: 'fixed',
    left: 0,
    top: 0,
    bottom: 0,