fix: button color

This commit is contained in:
hamster1963 2024-11-02 23:40:14 +08:00
parent 0fffc45f19
commit 80c7f6aebe
2 changed files with 10 additions and 2 deletions

View File

@ -23,7 +23,11 @@ export function LanguageSwitcher() {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" size="sm" className="rounded-full px-[9px]">
<Button
variant="outline"
size="sm"
className="rounded-full px-[9px] bg-white dark:bg-black"
>
{localeItems.find((item) => item.code === locale)?.name}
<span className="sr-only">Change language</span>
</Button>

View File

@ -18,7 +18,11 @@ export function ModeToggle() {
return (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" size="sm" className="rounded-full px-[9px]">
<Button
variant="outline"
size="sm"
className="rounded-full px-[9px] bg-white dark:bg-black"
>
<Sun className="h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
<Moon className="absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
<span className="sr-only">Toggle theme</span>