From 9cd7a5ccfa3a457be0ea33cb135889a01a002d21 Mon Sep 17 00:00:00 2001
From: Muhaimin CS <muhaimincs@gmail.com>
Date: Thu, 14 Oct 2021 21:06:02 +0800
Subject: [PATCH] make use responsive prefix

---
 components/common/I18nWidget/I18nWidget.module.css | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/components/common/I18nWidget/I18nWidget.module.css b/components/common/I18nWidget/I18nWidget.module.css
index 269aa5f61..2c952f925 100644
--- a/components/common/I18nWidget/I18nWidget.module.css
+++ b/components/common/I18nWidget/I18nWidget.module.css
@@ -16,16 +16,11 @@
 
 .dropdownMenu {
   @apply fixed right-0 top-12 mt-2 origin-top-right outline-none bg-primary z-40 w-full h-full;
-
-  @screen lg {
-    @apply absolute border border-accent-1 shadow-lg w-56 h-auto;
-  }
+  @apply lg:absolute lg:border lg:border-accent-1 lg:shadow-lg lg:w-56 lg:h-auto;
 }
 
 .closeButton {
-  @screen md {
-    @apply hidden;
-  }
+  @apply md:hidden;
 }
 
 .item {