update(ui): sidebar in mobile screen adapt light mode

This commit is contained in:
WanQuanXie 2024-05-28 10:26:24 +08:00
parent 984b80b5ec
commit af9862c019
1 changed files with 4 additions and 2 deletions

View File

@ -92,11 +92,13 @@ const Sidebar = ({ children }: { children: React.ReactNode }) => {
key={i}
className={cn(
'relative flex flex-col items-center space-y-1 text-center w-full',
link.active ? 'text-white' : 'text-white/70',
link.active
? 'text-black dark:text-white'
: 'text-black dark:text-white/70',
)}
>
{link.active && (
<div className="absolute top-0 -mt-4 h-1 w-full rounded-b-lg bg-white" />
<div className="absolute top-0 -mt-4 h-1 w-full rounded-b-lg bg-black dark:bg-white" />
)}
<link.icon />
<p className="text-xs">{link.label}</p>