Fix: secondary nav z-index, main edu nav styles (#508)

* fixing borders on main nav and secondary nav in edu theme

* bumping package version to 0.1.4

* restoring a class I didn't need to remove

packages/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "private": false,
   "publishConfig": {
     "access": "public"

packages/vue/src/components/NavDesktopEdu/NavDesktopEdu.vue

@@ -8,13 +8,11 @@
       'transition-transform': scrollTop > 0 && scrolledCurrentPage, // If not at the top of the page, just transition the transform to prevents content from peeking through on header reveal.
       'transform -translate-y-full': !scrolledUp && !headerVisible,
       '-scrolled transform translate-y-0': scrolledUp && headerVisible && scrollTop > 0,
-      '-transparent': invert,
       '-hasSecondary': !headerStore?.highlightPrimary
     }"
   >
     <!-- navbar -->
     <div class="header-bg z-10 max-w-screen-3xl absolute inset-0 mx-auto"></div>
-    <div class="bg-primary z-0 absolute right-0 w-1/2 top-0 bottom-0"></div>
     <div class="px-4">
       <div class="h-18 container flex items-center justify-between mx-auto">
         <!-- branding -->
@@ -287,29 +285,5 @@ export default defineComponent({
       }
     }
   }
-
-  &.-scrolled {
-    @apply border-b border-gray-mid border-opacity-50 bg-white;
-
-    &.-transparent {
-      > .header-bg {
-        @apply opacity-0 bg-white;
-      }
-
-      .main-navigation {
-        > * {
-          @apply text-gray-dark;
-
-          .NavDesktopDropdown > button {
-            text-shadow: none;
-          }
-        }
-      }
-    }
-
-    &.-hasSecondary {
-      @apply border-0 border-transparent;
-    }
-  }
 }
 </style>

packages/vue/src/components/NavSecondary/NavSecondary.vue

@@ -139,7 +139,7 @@ export default defineComponent({
 <style lang="scss">
 .NavSecondary {
   top: -1px; // for intersection observer to work
-  @apply sticky z-50 w-full bg-white border-b border-gray-mid border-opacity-0 transition-border-opacity duration-150 ease-in;
+  @apply sticky z-50 w-full bg-white border-b edu:border-0 border-gray-mid border-opacity-0 transition-border-opacity duration-150 ease-in;
   @apply hidden;
   @screen lg {
     @apply block;