diff --git a/frontend/src/lib/components/header/Header.svelte b/frontend/src/lib/components/header/Header.svelte index 6e48ad2..0e572a9 100644 --- a/frontend/src/lib/components/header/Header.svelte +++ b/frontend/src/lib/components/header/Header.svelte @@ -2,6 +2,7 @@ import { onMount } from "svelte" import DesktopHeader from "./desktop.svelte" import MobileHeader from "./mobile.svelte" + import { refresh } from "../../stores" let background: boolean let isHomePage: boolean @@ -46,14 +47,15 @@ </script> <main class="headercontainer"> - <nav class="trans" class:bg="{background || show}"> - <div class="mobile-header"> - <MobileHeader bind:show="{show}" /> - </div> - <div class="desktop-header"> - <DesktopHeader bind:show="{show}" /> - </div> - </nav> + {#key $refresh} + <nav class="trans" class:bg="{background || show}"> + <div class="mobile-header"> + <MobileHeader bind:show="{show}" /> + </div> + <div class="desktop-header"> + <DesktopHeader bind:show="{show}" /> + </div> + </nav>{/key} </main> {#if !isHomePage} <div class="placeholder"></div>