diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-10-03 12:31:25 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-10-03 12:31:25 -0400 |
| commit | 8a8aae4763e575cfdb268dc602a0cebd9581f138 (patch) | |
| tree | 37199155205da6959259c1c6782db0cab19129d1 /iridescence/src/components/Navbar.vue | |
| parent | db09b5a6fa8dd8c0039ec97a4864420e3f38e4ee (diff) | |
| download | theglassyladies-8a8aae4763e575cfdb268dc602a0cebd9581f138.tar.xz theglassyladies-8a8aae4763e575cfdb268dc602a0cebd9581f138.zip | |
started data uri parsing with dichroism
Diffstat (limited to 'iridescence/src/components/Navbar.vue')
| -rw-r--r-- | iridescence/src/components/Navbar.vue | 50 |
1 files changed, 30 insertions, 20 deletions
diff --git a/iridescence/src/components/Navbar.vue b/iridescence/src/components/Navbar.vue index c4e9c35..0a66fa8 100644 --- a/iridescence/src/components/Navbar.vue +++ b/iridescence/src/components/Navbar.vue @@ -29,34 +29,44 @@ </router-link> </div> - <div class="navbar-end" v-if="routeName == 'Administration'"> - <div class="navbar-item"> - <NewProduct></NewProduct> - </div> - </div> - <div class="navbar-end" v-else> + <transition + mode="out-in" + enter-active-class="animate__animated animate__flipInX" + leave-active-class="animate__animated animate__flipOutX" + > <div - class="navbar-item has-dropdown is-active" - v-for="category in categories.keys()" - :key="category" + class="navbar-end" + v-if="routeName == 'Administration'" + key="newProduct" > - <div class="navbar-link"> - {{ category }} + <div class="navbar-item"> + <NewProduct></NewProduct> </div> - + </div> + <div class="navbar-end" v-else key="cartCheckout"> <div - class="navbar-dropdown" - v-for="subcategory in categories.get(category)" - :key="subcategory" + class="navbar-item has-dropdown is-active" + v-for="category in categories.keys()" + :key="category" > - {{ subcategory }} + <div class="navbar-link"> + {{ category }} + </div> + + <div + class="navbar-dropdown" + v-for="subcategory in categories.get(category)" + :key="subcategory" + > + {{ subcategory }} + </div> </div> - </div> - <div class="navbar-item"> - <CartCheckout></CartCheckout> + <div class="navbar-item"> + <CartCheckout></CartCheckout> + </div> </div> - </div> + </transition> </div> </nav> </div> |