style: adjust padding and spacing in ThemeSwitcher component

This commit is contained in:
hamster1963 2025-04-10 10:37:02 +08:00
parent 812397235c
commit fb1a74ec09

View File

@ -40,9 +40,9 @@ export function ModeToggle() {
<span className="sr-only">Toggle theme</span> <span className="sr-only">Toggle theme</span>
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent className="px-3 pt-3 pb-2" align="end"> <DropdownMenuContent className="px-2 pt-2 pb-1.5" align="end">
<fieldset className="space-y-4"> <fieldset className="space-y-4">
<RadioGroup className="flex gap-3" defaultValue={theme} onValueChange={handleSelect}> <RadioGroup className="flex gap-2" defaultValue={theme} onValueChange={handleSelect}>
{items.map((item) => ( {items.map((item) => (
<label key={`${id}-${item.value}`}> <label key={`${id}-${item.value}`}>
<RadioGroupItem <RadioGroupItem