From 3d459f96c25c14064c7593e6a686560e10789a7a Mon Sep 17 00:00:00 2001 From: hamster1963 <1410514192@qq.com> Date: Mon, 16 Dec 2024 00:14:48 +0800 Subject: [PATCH] fix: button color on dark mode --- src/pages/Server.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/pages/Server.tsx b/src/pages/Server.tsx index 72728a9..46adef1 100644 --- a/src/pages/Server.tsx +++ b/src/pages/Server.tsx @@ -274,9 +274,10 @@ export default function Servers() { key={type} onClick={() => setSortType(type)} className={cn( - "rounded-[5px] text-[11px] w-fit px-1 py-0.5 cursor-pointer bg-transparent border transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] ", + "rounded-[5px] text-[11px] w-fit px-1 py-0.5 cursor-pointer bg-transparent border transition-all dark:shadow-none ", { - "bg-black text-white": sortType === type, + "bg-black text-white dark:bg-white dark:text-black shadow-[inset_0_1px_0_rgba(255,255,255,0.2)]": + sortType === type, }, )} > @@ -294,9 +295,10 @@ export default function Servers() { key={order} onClick={() => setSortOrder(order)} className={cn( - "rounded-[5px] text-[11px] w-fit px-1 py-0.5 cursor-pointer bg-transparent border transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] ", + "rounded-[5px] text-[11px] w-fit px-1 py-0.5 cursor-pointer bg-transparent border transition-all shadow-[inset_0_1px_0_rgba(255,255,255,0.2)] dark:shadow-none", { - "bg-black text-white": sortOrder === order && sortType !== "default", + "bg-black text-white dark:bg-white dark:text-black": + sortOrder === order && sortType !== "default", }, )} >