feat: add important style

src/layouts/components/ChainProfile.vue

@@ -93,7 +93,7 @@ chainStore.$subscribe((m, s) => {
       </div>
       </Transition>
       <div
-        class="text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap hidden lg:block"
+        class="text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap hidden lg:!block"
       >
         {{ chainStore.connErr || chainStore.endpoint.address }}
       </div>

src/layouts/components/DefaultLayout.vue

@@ -43,14 +43,14 @@ const showDiscord = window.location.host.search("ping.pub") > -1
     <!-- sidebar -->
     <div
       class="w-64 fixed z-50 left-0 top-0 bottom-0 overflow-auto bg-base-100 border-r border-gray-100 dark:border-gray-700"
-      :class="{ block: sidebarShow, 'hidden force-block': !sidebarShow }"
+      :class="{ block: sidebarShow, 'hidden xl:!block': !sidebarShow }"
     >
       <div class="flex items-center pl-4 py-4 mb-1">
         <img class="w-10 h-10" src="../../assets/logo.svg" />
         <h1 class="flex-1 ml-3 text-2xl font-semibold dark:text-white">
           Ping.pub
         </h1>
-        <div class="pr-4 cursor-pointer xl:hidden" @click="sidebarShow = false">
+        <div class="pr-4 cursor-pointer xl:!hidden" @click="sidebarShow = false">
           <Icon icon="mdi-close" class="text-3xl" />
         </div>
       </div>
@@ -216,13 +216,13 @@ const showDiscord = window.location.host.search("ping.pub") > -1
         </a>
       </div>
     </div>
-    <div class="xl:ml-64 px-5">
+    <div class="xl:!ml-64 px-5">
       <!-- header -->
       <div
         class="flex items-center py-3 bg-base-100 mb-4 rounded px-4 sticky top-0 z-10 mt-4 shadow"
       >
         <div
-          class="text-2xl pr-3 cursor-pointer xl:hidden"
+          class="text-2xl pr-3 cursor-pointer xl:!hidden"
           @click="sidebarShow = true"
         >
           <Icon icon="mdi-menu" />
@@ -233,11 +233,11 @@ const showDiscord = window.location.host.search("ping.pub") > -1
         <div class="flex-1 w-0"></div>
 
         <!-- <NavSearchBar />-->
-        <NavBarI18n class="hidden md:inline-block" />
-        <NavbarThemeSwitcher class="hidden md:inline-block" />
+        <NavBarI18n class="hidden md:!inline-block" />
+        <NavbarThemeSwitcher class="hidden md:!inline-block" />
 
         <NavBarWallet
-          class="block truncate md:inline-block text-xs md:text-sm"
+          class="block truncate md:!inline-block text-xs md:!text-sm"
         />
       </div>
 

src/layouts/components/NavFooter.vue

@@ -15,7 +15,7 @@
       >
     </div>
     <div
-      class="grid-flow-col gap-4 md:place-self-center md:justify-self-end hidden md:grid"
+      class="grid-flow-col gap-4 md:!place-self-center md:!justify-self-end hidden md:!grid"
     >
       <a
         class="link link-primary no-underline"