remove tailwind from modal pkg

Web3Auth · Feb 8, 2024 · fb2c2b9 · fb2c2b9
1 parent 729a10f
commit fb2c2b9
Show file tree

Hide file tree

Showing 5 changed files with 2 additions and 59 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/modal/package.json b/packages/modal/package.json
@@ -18,7 +18,6 @@
     "css-loader": "^6.10.0",
     "postcss-prefix-selector": "^1.16.0",
     "style-loader": "^3.3.4",
-    "tailwindcss": "^3.4.1",
     "url-loader": "^4.1.1"
   },
   "engines": {

diff --git a/packages/modal/postcss.config.js b/packages/modal/postcss.config.js
diff --git a/packages/modal/tailwind.config.js b/packages/modal/tailwind.config.js
diff --git a/packages/ui/src/components/Header.tsx b/packages/ui/src/components/Header.tsx
@@ -36,8 +36,8 @@ function Header(props: HeaderProps) {
               <Icon iconName={`information-circle${isDark ? "-light" : ""}`} />
               <div className="absolute top-4 z-20 flex-col items-center hidden mb-5 group-hover:flex">
                 <div className="w-3 h-3 ml-[3px] -mb-2 rotate-45 bg-app-gray-50 dark:bg-app-gray-600" />
-                <div className="relative -ml-[100px] p-4 w-[300px] text-xs leading-none text-white rounded-md bg-app-gray-50 dark:bg-app-gray-600 shadow-lg">
-                  <div className="text-xs font-medium mb-1 text-app-gray-900 dark:text-white">{t("modal.header-tooltip-title")}</div>
+                <div className="relative -ml-[100px] p-4 w-[300px] text-xs leading-none text-app-white rounded-md bg-app-gray-50 dark:bg-app-gray-600 shadow-lg">
+                  <div className="text-xs font-medium mb-1 text-app-gray-900 dark:text-app-white">{t("modal.header-tooltip-title")}</div>
                   <div className="text-xs text-app-gray-400">{t("modal.header-tooltip-desc")}</div>
                 </div>
               </div>