fix(ui): position of modal for narrow scrren #3447

src/main/frontend/ui.css

@@ -85,13 +85,7 @@
 }
 
 .ui__modal {
-  @apply fixed bottom-0 inset-x-0 px-4 pb-4;
-
-  @screen sm {
-    & {
-      @apply inset-0 flex items-baseline justify-center top-24;
-    }
-  }
+  @apply fixed px-4 pb-4 inset-0 flex items-baseline justify-center top-24;
 
   &-overlay {
     @apply fixed inset-0 transition-opacity;
@@ -123,6 +117,12 @@
   }
 }
 
+html.is-mobile {
+  .ui__modal {
+    @apply bottom-0 inset-x-0;
+  }
+}
+
 .ui__confirm-modal {
   .sublabel {
     display: flex;