Updated tailwind config

playground/package.json

@@ -19,9 +19,11 @@
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
+    "postcss": "^8.4.38",
     "tailwindcss": "^3.4.4",
     "typescript": "^5.2.2",
     "vite": "^5.2.0"

playground/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

playground/src/components/Popup/InstallPopup.tsx

@@ -20,8 +20,8 @@ const InstallPopup = () => {
       closeButton={true}
       onClose={onClose}
       open={false}
-      backdropClassName="bg-opacity-50 fixed inset-0"
-      popupClassName="bg-white rounded-lg shadow-xl p-4 !mx-10"
+      backdropClassName="bg-opacity-50"
+      popupClassName="bg-white rounded-lg shadow-xl p-4 !mx-10 z-50"
     >
       <div className="h-15 w-15">
         <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">

playground/tailwind.config.js

@@ -1,8 +1,13 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ["./src/**/*.{html,js}"],
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+    "./src/componets/**/*.{js,ts,jsx,tsx}",
+    "./src/componets/popup/**/*.{js,ts,jsx,tsx}",
+  ],
   theme: {
     extend: {},
   },
   plugins: [],
-}
+}