diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/UserMenu.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/UserMenu.svelte index 813bc70f38..79d2ce4aea 100644 --- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/UserMenu.svelte +++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/UserMenu.svelte @@ -1,5 +1,5 @@ -
- -
+ diff --git a/packages/repl/src/lib/Input/RunesInfo.svelte b/packages/repl/src/lib/Input/RunesInfo.svelte index 893536b0f8..94c32147e5 100644 --- a/packages/repl/src/lib/Input/RunesInfo.svelte +++ b/packages/repl/src/lib/Input/RunesInfo.svelte @@ -1,4 +1,5 @@ + +
+ {@render children()} +
+ + diff --git a/packages/site-kit/src/lib/components/Icons.svelte b/packages/site-kit/src/lib/components/Icons.svelte index eabce1c942..f1cf8a5a8c 100644 --- a/packages/site-kit/src/lib/components/Icons.svelte +++ b/packages/site-kit/src/lib/components/Icons.svelte @@ -137,16 +137,12 @@ Provides a list of svg icons that can be referenced through the `Icon` component /> - - - - - + diff --git a/packages/site-kit/src/lib/components/LinksDropdown.svelte b/packages/site-kit/src/lib/components/LinksDropdown.svelte deleted file mode 100644 index ca299db77e..0000000000 --- a/packages/site-kit/src/lib/components/LinksDropdown.svelte +++ /dev/null @@ -1,52 +0,0 @@ - - - - - {link.title} - - - - - - - {#snippet dropdown()} - {#each link.sections! as section} - - {section.title} - - {/each} - {/snippet} - - - diff --git a/packages/site-kit/src/lib/components/index.ts b/packages/site-kit/src/lib/components/index.ts index c1476449f3..78ccf8d20d 100644 --- a/packages/site-kit/src/lib/components/index.ts +++ b/packages/site-kit/src/lib/components/index.ts @@ -1,9 +1,9 @@ export { default as Banners, defineBanner, fetchBanner } from './Banners.svelte'; export { default as Dropdown } from './Dropdown.svelte'; +export { default as HoverMenu } from './HoverMenu.svelte'; export { default as Icon } from './Icon.svelte'; export { default as Icons } from './Icons.svelte'; export { default as Section } from './Section.svelte'; export { default as Shell } from './Shell.svelte'; export { default as Text } from './Text.svelte'; export { default as ThemeToggle } from './ThemeToggle.svelte'; -export { default as LinksDropdown } from './LinksDropdown.svelte'; diff --git a/packages/site-kit/src/lib/nav/Nav.svelte b/packages/site-kit/src/lib/nav/Nav.svelte index 685a4c6242..3ca38ced78 100644 --- a/packages/site-kit/src/lib/nav/Nav.svelte +++ b/packages/site-kit/src/lib/nav/Nav.svelte @@ -13,7 +13,8 @@ Top navigation bar for the application. It provides a slot for the left side, th import Separator from './Separator.svelte'; import type { NavigationLink } from '../types'; import type { Snippet } from 'svelte'; - import LinksDropdown from '../components/LinksDropdown.svelte'; + import Dropdown from '../components/Dropdown.svelte'; + import { HoverMenu } from '../components'; interface Props { home_title?: string; @@ -81,7 +82,32 @@ Top navigation bar for the application. It provides a slot for the left side, th