Fixed incorrect nav header theming in prod

src/lib/components/NavigationHeader.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <div class={$$props.class}>
-    <div class="navigation-header-items-outer">
+    <div class="navigation-header">
         <div class="flexrow-right navigation-header-items {items_class}">
             <Link
                 class="navigation-header-link {link_class}"

src/lib/styles/NavigationHeader.scss

@@ -1,3 +1,10 @@
+.navigation-header {
+  display: flex;
+  flex-direction: row-reverse;
+  width: 100%;
+  justify-content: space-between;
+}
+
 .navigation-header {
   position: relative;
   height: 128px;
@@ -46,13 +53,6 @@
   text-decoration: none;
 }
 
-.navigation-header-items-outer {
-  display: flex;
-  flex-direction: row-reverse;
-  width: 100%;
-  justify-content: space-between;
-}
-
 .navigation-header-site-name {
   color: #000000;
   text-align: left;
@@ -74,8 +74,8 @@
   justify-content: flex-start;
 }
 
-@media (max-width: 720px) {
-  .navigation-header-items-outer {
+@media (max-width: 750px) {
+  .navigation-header-items {
     display: none;
   }
 }

src/routes/+page.svelte

@@ -1,11 +1,11 @@
 <script>
-    import "./LandingPage.scss";
     import NavigationHeader from "$lib/components/NavigationHeader.svelte";
-    import "./NavigationHeader.scss";
     import NavigationFooter from "$lib/components/NavigationFooter.svelte";
     import Splash from "./Splash.svelte";
     import InfoScroll from "./InfoScroll.svelte";
     import BottomCall from "./BottomCall.svelte";
+    import "./LandingPage.scss";
+    import "./NavigationHeader.scss";
 
     let use_video = true;
     function handleVideoError() {
@@ -36,11 +36,7 @@
         {/if}
         <div class="landing-zone">
             <NavigationHeader
-                class="landing-navigation-header"
-                items_class="landing-navigation-header-items"
-                link_class="landing-navigation-header-link"
-                button_class="landing-navigation-header-button"
-                button_text_class="landing-navigation-header-button-text"
+                class="splash-navigation-header"
                 display_title={false}
             />
             <Splash />

src/routes/NavigationHeader.scss

@@ -1,11 +1,10 @@
-.landing-navigation-header {
+.splash-navigation-header {
   position: relative;
   height: 128px;
   width: 100%;
   padding-bottom: 120px;
-}
 
-.landing-navigation-header-items {
+  .navigation-header-items {
     gap: 48px;
     align-items: center;
     position: relative;
@@ -13,7 +12,7 @@
     padding-right: 96px;
   }
 
-.landing-navigation-header-link {
+  .navigation-header-link {
     color: var(--cpalettelight);
     font-family: var(--navigation-header-font-family);
     text-align: left;
@@ -26,7 +25,7 @@
     justify-content: flex-start;
   }
 
-.landing-navigation-header-button {
+  .navigation-header-button {
     background: var(--cpalettelight);
     border-radius: 8px;
     padding: 14px 24px 14px 24px;
@@ -41,14 +40,9 @@
         0px 1px 2px 0px rgba(0, 0, 0, 0.05));
   }
 
-.landing-navigation-header-button-text {
-  @extend .landing-navigation-header-link;
+  .navigation-header-button-text {
+    @extend .navigation-header-link;
     color: var(--background);
     text-decoration: none;
   }
-
-@media (max-width: 720px) {
-  .landing-navigation-header {
-    display: none;
-  }
 }