improve styling

2021-02-04 00:10:03 +01:00
parent 5b5607f669
commit f5e419ae9c
3 changed files with 15 additions and 6 deletions
--- a/docs/src/layouts/App/style.scss
+++ b/docs/src/layouts/App/style.scss
@@ -1,4 +1,5 @@
 $navHeight: 4.5rem;
+$mobileBreakPoint: 600px;
 $menuBreakPoint: 800px;

 .app {
@@ -34,7 +35,7 @@ $menuBreakPoint: 800px;
    height: $navHeight;
    padding: 0 1rem;

-    @media (min-width: $menuBreakPoint) {
+    @media (min-width: $mobileBreakPoint) {
      padding: 0 2rem;
    }
  }
@@ -310,6 +311,10 @@ $menuBreakPoint: 800px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;

+    @media (min-width: $mobileBreakPoint) {
+      padding: 1rem 1rem 1rem 2rem;
+    }
+
    @media (min-width: $menuBreakPoint) {
      padding: 2rem 0;
    }