fix: update button color styles in Server Page for improved visual clarity

This commit is contained in:
kjch 2025-02-03 14:24:30 -05:00
parent 48dbf85bca
commit a8888b9ca6
No known key found for this signature in database
GPG Key ID: 19ED7405F749FC85

View File

@ -214,9 +214,10 @@ export default function Servers() {
setShowMap(showMap === "0" ? "1" : "0") setShowMap(showMap === "0" ? "1" : "0")
}} }}
className={cn( className={cn(
"rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] ", "rounded-[50px] cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] border-2",
{ {
"shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] bg-blue-500": showMap === "1", "text-white bg-blue-500 border-blue-500": showMap === "1",
"text-blue-700 border-blue-700 bg-gray-200": showMap === "0",
}, },
{ {
"bg-opacity-70": customBackgroundImage, "bg-opacity-70": customBackgroundImage,
@ -231,9 +232,10 @@ export default function Servers() {
localStorage.setItem("showServices", showServices === "0" ? "1" : "0") localStorage.setItem("showServices", showServices === "0" ? "1" : "0")
}} }}
className={cn( className={cn(
"rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] ", "rounded-[50px] cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] border-2",
{ {
"shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] bg-blue-500": showServices === "1", "text-white bg-blue-500 border-blue-500": showServices === "1",
"text-blue-700 border-blue-700 bg-gray-200": showServices === "0",
}, },
{ {
"bg-opacity-70": customBackgroundImage, "bg-opacity-70": customBackgroundImage,
@ -248,9 +250,10 @@ export default function Servers() {
localStorage.setItem("inline", inline === "0" ? "1" : "0") localStorage.setItem("inline", inline === "0" ? "1" : "0")
}} }}
className={cn( className={cn(
"rounded-[50px] text-white cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] bg-blue-600 p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] ", "rounded-[50px] cursor-pointer [text-shadow:_0_1px_0_rgb(0_0_0_/_20%)] p-[10px] transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] border-2",
{ {
"shadow-[inset_0_1px_0_rgba(0,0,0,0.2)] bg-blue-500": inline === "1", "text-white bg-blue-500 border-blue-500": inline === "1",
"text-blue-700 border-blue-700 bg-gray-200": inline === "0",
}, },
{ {
"bg-opacity-70": customBackgroundImage, "bg-opacity-70": customBackgroundImage,