disabled party mode (#54)

src/components/Settings.astro

@@ -27,11 +27,12 @@ import ThemeToggle from "./ThemeToggle.astro";
 			</div>
 			<div class="flex items-center justify-between pb-2">
 				<button
-					class="relative flex h-5 w-full justify-between text-textProminent sm:h-7 sm:w-full"
+					class="disabled relative flex h-5 w-full justify-between text-textProminent line-through sm:h-7 sm:w-full"
 					type="button"
 					@click=""
+					disabled
 				>
-					<p class="text-textProminent">Randomize (A.K.A Party Mode)</p>
+					<p class="text-textProminent">Party Mode (Coming soon)</p>
 					<Icon
 						aria-hidden="true"
 						class="h-5 w-5 sm:h-7 sm:w-7"

tailwind.config.ts

@@ -52,7 +52,7 @@ export default {
 						"@apply md:scale-x-100": {},
 					},
 				},
-				"button": {
+				"button:not(.disabled)": {
 					"@apply redact": {},
 					"&::after": {
 						"@apply translate-x-[100%] w-[calc(100%+8px)] h-[calc(100%+16px)] w-full h-full top-0 left-0 duration-300": {},