style roll button pressed

dannybunschoten · Aug 26, 2024 · 49cad60 · 49cad60
1 parent f22e859
commit 49cad60
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/app/page.tsx b/app/page.tsx
@@ -227,7 +227,7 @@ export default function Home() {
           <button
             onClick={handleClick}
             disabled={isRolling}
-            className="w-full rounded-lg border-2 border-black bg-red text-[36px] font-bold tracking-wider text-white"
+            className="w-full rounded-lg border-2 border-black bg-red text-[36px] font-bold tracking-wider text-white transition-colors disabled:border-[#A9A9A9] disabled:bg-[#D3D3D3] disabled:text-[#D3D3D3] disabled:opacity-60"
             style={{
               WebkitTextStroke: "4px black",
               paintOrder: "stroke fill",