jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upstream #1

Merged
jblu merged 1007 commits from upstream into main 2024-11-04 22:35:57 -06:00
Conversation 0 Commits 1007 Files Changed 24 +36 -18
1 changed files with 36 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ee996476d0 - Show all commits

54
components/ThemeSwitch.tsx
View File

@ -75,32 +75,50 @@ const ThemeSwitch = () => {
<div className="p-1"> <div className="p-1">
<RadioGroup.Option value="light"> <RadioGroup.Option value="light">
<Menu.Item> <Menu.Item>
<button className="group flex w-full items-center rounded-md px-2 py-2 text-sm"> {({ active }) => (
<div className="mr-2"> <button
<Sun /> className={`${
</div> active ? 'bg-primary-600 text-white' : ''
Light } group flex w-full items-center rounded-md px-2 py-2 text-sm`}
</button> >
<div className="mr-2">
<Sun />
</div>
Light
</button>
)}
</Menu.Item> </Menu.Item>
</RadioGroup.Option> </RadioGroup.Option>
<RadioGroup.Option value="dark"> <RadioGroup.Option value="dark">
<Menu.Item> <Menu.Item>
<button className="group flex w-full items-center rounded-md px-2 py-2 text-sm"> {({ active }) => (
<div className="mr-2"> <button
<Moon /> className={`${
</div> active ? 'bg-primary-600 text-white' : ''
Dark } group flex w-full items-center rounded-md px-2 py-2 text-sm`}
</button> >
<div className="mr-2">
<Moon />
</div>
Dark
</button>
)}
</Menu.Item> </Menu.Item>
</RadioGroup.Option> </RadioGroup.Option>
<RadioGroup.Option value="system"> <RadioGroup.Option value="system">
<Menu.Item> <Menu.Item>
<button className="group flex w-full items-center rounded-md px-2 py-2 text-sm"> {({ active }) => (
<div className="mr-2"> <button
<Monitor /> className={`${
</div> active ? 'bg-primary-600 text-white' : ''
System } group flex w-full items-center rounded-md px-2 py-2 text-sm`}
</button> >
<div className="mr-2">
<Monitor />
</div>
System
</button>
)}
</Menu.Item> </Menu.Item>
</RadioGroup.Option> </RadioGroup.Option>
</div> </div>