@@ -14,13 +14,13 @@ const NeonButton = ({
1414 onClick = { onClick }
1515 disabled = { disabled || isLoading }
1616 className = { clsx (
17- "ui- px-6 ui- py-3 ui- rounded-lg ui- font-semibold ui- flex ui- items-center ui- justify-center ui- gap-2" ,
18- "ui- bg-black ui- text-cyan-300 ui- border ui- border-cyan-400" ,
19- "hover:ui- bg-cyan-950 hover:ui- border-cyan-300 hover:ui- scale-105" ,
20- "ui- shadow-[0_0_12px_rgba(34,211,238,0.5)] hover:ui- shadow-[0_0_20px_rgba(34,211,238,0.8)]" ,
21- "ui- transition-all ui- duration-300 ui- ease-in-out ui- m-2" ,
22- "focus:ui- outline-none focus:ui- ring-2 focus:ui- ring-cyan-400" ,
23- "disabled:ui- opacity-50 disabled:ui- cursor-not-allowed"
17+ "px-6 py-3 rounded-lg font-semibold flex items-center justify-center gap-2" ,
18+ "bg-black text-cyan-300 border border-cyan-400" ,
19+ "hover:bg-cyan-950 hover:border-cyan-300 hover:scale-105" ,
20+ "shadow-[0_0_12px_rgba(34,211,238,0.5)] hover:shadow-[0_0_20px_rgba(34,211,238,0.8)]" ,
21+ "transition-all duration-300 ease-in-out m-2" ,
22+ "focus:outline-none focus:ring-2 focus:ring-cyan-400" ,
23+ "disabled:opacity-50 disabled:cursor-not-allowed"
2424 ) }
2525 style = { {
2626 textShadow : "0 0 8px rgba(34,211,238,0.8)" ,
@@ -29,21 +29,21 @@ const NeonButton = ({
2929 >
3030 { isLoading && (
3131 < svg
32- className = "ui- animate-spin ui- h-4 ui- w-4 ui- text-cyan-300"
32+ className = "animate-spin h-4 w-4 text-cyan-300"
3333 xmlns = "http://www.w3.org/2000/svg"
3434 fill = "none"
3535 viewBox = "0 0 24 24"
3636 >
3737 < circle
38- className = "ui- opacity-25"
38+ className = "opacity-25"
3939 cx = "12"
4040 cy = "12"
4141 r = "10"
4242 stroke = "currentColor"
4343 strokeWidth = "4"
4444 > </ circle >
4545 < path
46- className = "ui- opacity-75"
46+ className = "opacity-75"
4747 fill = "currentColor"
4848 d = "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
4949 > </ path >
0 commit comments