fix(mobile): fix offline banner overflow due to hard-coded height

Closes #2990
2 years ago · a1a2bf1a47
1 changed files with 1 additions and 9 deletions
--- a/web/components/ui/OfflineBanner/OfflineBanner.module.scss
+++ b/web/components/ui/OfflineBanner/OfflineBanner.module.scss
@ -4,21 +4,13 @@
				@@ -4,21 +4,13 @@
  display: flex;
  justify-content: center;
  align-items: center;
-
-  @include screen(tablet) {
-    height: 430px;
-  }
-
-  @include screen(mobile) {
-    height: 280px;
-  }
 }

 .innerContainer {
  width: clamp(00px, 100%, 600px);
  display: flex;
  flex-direction: column;
-  margin: 3rem auto;
+  margin: 5vh auto;
  padding: 2.4em;

  @include screen(tablet) {