From 2e00beca77272c256162af0b82dd7d117965300d Mon Sep 17 00:00:00 2001
From: charlie <xyhp915@qq.com>
Date: Wed, 28 Apr 2021 12:32:04 +0800
Subject: [PATCH] fix(style): modal styles not work occasionally in development
 mode.

---
 src/main/frontend/ui.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/main/frontend/ui.css b/src/main/frontend/ui.css
index f2d3ed2473d..6af315823d9 100644
--- a/src/main/frontend/ui.css
+++ b/src/main/frontend/ui.css
@@ -57,9 +57,13 @@
 }
 
 .ui__modal {
-  @apply fixed bottom-0 inset-x-0
-  sm:inset-0 sm:flex sm:items-center sm:justify-center
-  px-4 pb-4;
+  @apply fixed bottom-0 inset-x-0 px-4 pb-4;
+
+  @screen sm {
+    & {
+      @apply inset-0 flex items-center justify-center;
+    }
+  }
 
   &-overlay {
     @apply fixed inset-0 transition-opacity;