Merge pull request #93 from santiment/fix/ipad-issues

Fixed issues with styles on iPad
santiment · Jun 9, 2022 · 34c86ae · 34c86ae
2 parents 61a8c48 + bf184ae
commit 34c86ae
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/Editor/Bottom.svelte b/src/components/Editor/Bottom.svelte
@@ -49,12 +49,18 @@
   .bottom {
     position: fixed;
     bottom: 0;
-    right: calc(50% - 570px);
+    right: 10%;
     background: linear-gradient(270deg, var(--white) 83%, transparent 100%);
     padding: 15px 0;
     padding-left: 80px;
   }
 
+  :global(.isMobile) .bottom,
+  :global(.phone) .bottom,
+  :global(.phone-xs) .bottom {
+    bottom: 60px;
+  }
+
   .pulse {
     --color-hover: var(--black);
   }

diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
@@ -56,7 +56,10 @@
     flex: 1;
     width: 100%;
   }
-  :global(.isMobile) main {
+  :global(.isMobile) main,
+  :global(.tablet) main,
+  :global(.phone) main,
+  :global(.phone-xs) main {
     padding: 16px 16px 76px;
   }
 </style>