Skip to content

Commit

Permalink
Set the header height for the nav menu on the header (#54)
Browse files Browse the repository at this point in the history
# Problem

The header didn't allow the `highlightMarginTop` to be passed through.
This enables that pass through along with a sane default.
  • Loading branch information
wilwade authored Nov 11, 2024
1 parent 0e4aac6 commit af6bcf2
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/lib/features/Header.svelte
Original file line number Diff line number Diff line change
@@ -1,10 +1,11 @@
<script lang="ts">
import { FrequencyLogo, OpenClose } from '../assets/index';
import { FrequencyLogo } from '../assets/index';
import NavMenu from './NavMenu.svelte';
import NavMenuMobile from './NavMenuMobile.svelte';
import { MenuItem } from '$lib/utils/types.js';
export let menuItems: MenuItem[] = [];
export let highlightMarginTop = '90px';
</script>

<div class={`header-shadow flex h-[85px] font-title ${$$restProps.class}`}>
Expand All @@ -14,7 +15,7 @@
<FrequencyLogo />
</div>

<NavMenu {menuItems} />
<NavMenu {highlightMarginTop} {menuItems} />
<!-- For Mobile -->
<NavMenuMobile {menuItems} />
</div>
Expand Down

0 comments on commit af6bcf2

Please sign in to comment.