Initial commit

2020-06-15 10:58:47 +08:00
commit 4f1dfe7564
8590 changed files with 1516878 additions and 0 deletions
@@ -0,0 +1,42 @@
+<template>
+  <section class="secondaryNavigation" :class="{'has-user-notification': isNotificationVisible}">
+      <div class="secondaryNavigation__content">
+        <slot></slot>
+      </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: 'SecondaryNavigation',
+  computed: {
+    isNotificationVisible () {
+      return this.$store.getters['user/isNotificationVisible'];
+    }
+  }
+};
+</script>
+
+<style scoped lang="scss">
+@import "new-dashboard/styles/variables";
+
+.secondaryNavigation {
+  position: sticky;
+  z-index: $z-index__subheader;
+  top: $header__height;
+  padding: 0 20px;
+  border-bottom: 1px solid $neutral--300;
+  background-color: $white;
+
+  &__content {
+    display: flex;
+    align-items: center;
+    max-width: 940px;
+    margin: 0 auto;
+  }
+}
+
+.secondaryNavigation.has-user-notification {
+  top: $header__height + $notification-warning__height;
+}
+</style>