Fixed toggle

Signed-off-by: Vedansh Saini <[email protected]>

Author: vedansh-5

package.json

@@ -26,7 +26,7 @@
 		"@biomejs/biome": "1.9.4",
 		"autoprefixer": "^10.4.21",
 		"postcss": "^8.5.3",
-		"tailwindcss": "^4.1.3"
+		"tailwindcss": "^4.1.4"
 	},
 	"dependencies": {
 		"@tailwindcss/cli": "^4.1.3"

src/popup.html

@@ -30,15 +30,15 @@ <h3  class="text-3xl font-semibold ">Scrum Helper</h3>
 				</div>
 
 				<!-- Change from here -->
-			<div class="row center mt-2 flex justify-center items-center">
-				<div class="flex items-center gap-3 cursor-pointer">
-					<label class="flex items-center align-center">
+			<div class="center mt-2 ">
+					<label class="flex items-center justify-center gap-2">
 						Disable
-						<input type="checkbox" id="enable">
-						<span class="lever"></span>
+						<!-- <input type="checkbox" id="enable"> -->
+						<input type="checkbox" value="" id="enable" class="sr-only peer" checked>
+						<div class="relative w-11 h-6 bg-gray-200 rounded-full peer peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600"></div>
+						<span class=""></span>
 						Enable
 					</label>
-				</div>
 			</div>
 			<!-- <div class="row">
 				<div class="col s12">