Merge pull request #29 from 1834423612/main

fix: update button color styles in Server Page for improved visual clarity
This commit is contained in:
仓鼠 2025-02-04 15:22:41 +08:00 committed by GitHub
commit 71de091460
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -214,9 +214,10 @@ export default function Servers() {
setShowMap(showMap === "0" ? "1" : "0")
}}
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,
@ -231,9 +232,10 @@ export default function Servers() {
localStorage.setItem("showServices", showServices === "0" ? "1" : "0")
}}
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,
@ -248,9 +250,10 @@ export default function Servers() {
localStorage.setItem("inline", inline === "0" ? "1" : "0")
}}
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,