chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

refactor nav item to utilize dropdown component

Browse source
This commit is contained in:
Chris Kruining 2025-01-07 13:45:19 +01:00
parent 4a62406de9
commit 096d4c2651
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
1 changed files with 4 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/routes/(editor).tsx
View file

@ -10,6 +10,7 @@ import { FaSolidPalette } from "solid-icons/fa";
import { LocalePicker } from "~/features/i18n"; import { LocalePicker } from "~/features/i18n";
import { ColorScheme, ColorSchemePicker, getState, useTheme } from "~/features/theme"; import { ColorScheme, ColorSchemePicker, getState, useTheme } from "~/features/theme";
import css from "./editor.module.css"; import css from "./editor.module.css";
import { Dropdown } from "~/components/dropdown";
const event = getRequestEvent(); const event = getRequestEvent();
@ -79,15 +80,9 @@ export default function Editor(props: ParentProps) {
<section class={css.right}> <section class={css.right}>
<LocalePicker /> <LocalePicker />
<div class={css.themeMenu}> <Dropdown id={themeMenuId} class={css.themeMenu} text={<FaSolidPalette />}>
<button class={css.themeMenuButton} id={`${themeMenuId}-button`} popoverTarget={`${themeMenuId}-dialog`} title="Open theme picker menu"> <ColorSchemePicker />
<FaSolidPalette /> </Dropdown>
</button>
<dialog class={css.themeMenuDialog} id={`${themeMenuId}-dialog`} popover anchor={`${themeMenuId}-button`}>
<ColorSchemePicker />
</dialog>
</div>
</section> </section>
</nav> </nav>