beta message placement

f16229c5 · hunter.congress · 774512de · f16229c5
Commit f16229c5 authored Jun 04, 2021 by hunter.congress
Hide whitespace changes
Inline Side-by-side

Showing with 67 additions and 67 deletions

src/components/NavBar.vue src/components/NavBar.vue +67 -67

No files found.
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
 <template>
  <div class="lb-nav">
-    <v-alert dismissible color="tertiary" class="mb-0" close-icon="mdi-close">
-      The Launchboard Team Management feature will be replaced by Keycloak
-      groups in the near future. At the time, membership will no longer be set
-      inside Launchboard. You may continue to use the Launchboard Team
-      Management feature for now and consider it a beta feature, but those
-      setting will be overridden by Keyclaok once it is used at the source of
-      truth for Teams in Launchboard.
-    </v-alert>
    <v-app-bar
      id="app-bar"
      flat
@@ -15,67 +7,60 @@
      height="102"
      class="px-4 px-lg-12 px-xl-16"
    >
-      <v-row>
+      <v-toolbar-title>
-        <v-toolbar-title>
+        <router-link to="/" class="d-flex">
-          <router-link to="/" class="d-flex">
+          <v-img
-            <v-img
+            v-if="darkMode"
-              v-if="darkMode"
+            contain
-              contain
+            src="@/assets/images/logos/LB-Logo_Horizontal_White-PNG.png"
-              src="@/assets/images/logos/LB-Logo_Horizontal_White-PNG.png"
+            class="logo"
-              class="logo"
+          />
-            />
+          <v-img
-            <v-img
+            v-else
-              v-else
+            contain
-              contain
+            src="@/assets/images/logos/LB-Logo_Horizontal_BLUE-PNG.png"
-              src="@/assets/images/logos/LB-Logo_Horizontal_BLUE-PNG.png"
+            class="logo"
-              class="logo"
+          />
-            />
+        </router-link>
+      </v-toolbar-title>
+      <v-spacer></v-spacer>
+      <v-toolbar-items class="hidden-sm-and-down">
+        <div class="navbar-nav my-auto">
+          <TutorialTooltip tooltipName="navBar">
+            <span id="navBarTutorialTooltip"></span>
+          </TutorialTooltip>
+          <router-link
+            class="nav-item text-uppercase"
+            v-for="(navItem, index) in navItems"
+            :key="index"
+            :to="navItem.to"
+            :exact="navItem.exact"
+          >
+            <span>{{ navItem.name }}</span>
          </router-link>
-        </v-toolbar-title>
+        </div>
-        <v-spacer></v-spacer>
+      </v-toolbar-items>
-        <v-toolbar-items class="hidden-sm-and-down">
+      <v-btn icon class="no-link nav-item" id="settings-button" to="/settings">
-          <div class="navbar-nav my-auto">
+        <v-icon>mdi-cog</v-icon>
-            <TutorialTooltip tooltipName="navBar">
+      </v-btn>
-              <span id="navBarTutorialTooltip"></span>
+      <v-app-bar-nav-icon
-            </TutorialTooltip>
+        id="nav-toggle"
-            <router-link
+        @click.stop="menuVisible = !menuVisible"
-              class="nav-item text-uppercase"
+        class="hidden-md-and-up mr-0"
-              v-for="(navItem, index) in navItems"
+      >
-              :key="index"
+        <Burger :open="menuVisible" />
-              :to="navItem.to"
+      </v-app-bar-nav-icon>
-              :exact="navItem.exact"
+      <TutorialTooltip
-            >
+        tooltipName="navBar"
-              <span>{{ navItem.name }}</span>
+        nudgeLeft="400"
-            </router-link>
+        :arrowRightSide="true"
-          </div>
+        :displayMobileOnly="true"
-        </v-toolbar-items>
+      >
-        <v-btn
+        <span
-          icon
+          id="navBarMobileTutorialTooltip"
-          class="no-link nav-item"
-          id="settings-button"
-          to="/settings"
-        >
-          <v-icon>mdi-cog</v-icon>
-        </v-btn>
-        <v-app-bar-nav-icon
-          id="nav-toggle"
-          @click.stop="menuVisible = !menuVisible"
          class="hidden-md-and-up mr-0"
-        >
+        ></span>
-          <Burger :open="menuVisible" />
+      </TutorialTooltip>
-        </v-app-bar-nav-icon>
-        <TutorialTooltip
-          tooltipName="navBar"
-          nudgeLeft="400"
-          :arrowRightSide="true"
-          :displayMobileOnly="true"
-        >
-          <span
-            id="navBarMobileTutorialTooltip"
-            class="hidden-md-and-up mr-0"
-          ></span>
-        </TutorialTooltip>
-      </v-row>
    </v-app-bar>
    <v-navigation-drawer
      v-model="menuVisible"
@@ -100,6 +85,21 @@
        </router-link>
      </div>
    </v-navigation-drawer>
+    <v-alert
+      dark
+      v-model="betaMessage"
+      dismissible
+      class="mb-0"
+      close-icon="mdi-close"
+      color="#15283A"
+    >
+      The Launchboard Team Management feature will be replaced by Keycloak
+      groups in the near future. At the time, membership will no longer be set
+      inside Launchboard. You may continue to use the Launchboard Team
+      Management feature for now and consider it a beta feature, but those
+      setting will be overridden by Keyclaok once it is used at the source of
+      truth for Teams in Launchboard.
+    </v-alert>
  </div>
 </template>
 <script>