Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | <template> <q-toolbar class="bg-white text-teal-5 no-border" flat> <q-btn flat dense round @click="toogleDrawer" aria-label="Menu" v-if="hasDrawer"> <q-icon name="menu"/> </q-btn> <q-toolbar-title class="text-subtitle2"> <q-btn flat dense to="/" class="text-lowercase">open-source circular fashion</q-btn> <q-btn flat dense label="Browse" icon-right="arrow_drop_down" class="q-ml-md"> <q-menu> <q-list style="min-width: 80px"> <q-item clickable v-close-popup> <q-item-section>Category</q-item-section> </q-item> <q-item clickable v-close-popup> <q-item-section>Another Category</q-item-section> </q-item> <q-separator/> </q-list> </q-menu> </q-btn> </q-toolbar-title> <q-space/> <q-btn dense flat to="/collections">Collections</q-btn> <q-btn dense flat to="/account/projects/new">Upload</q-btn> <q-btn dense to="/login" flat v-if="!user">Sign in</q-btn> <UserPopupMenu @logout="handleLogout" :user="user"/> <!-- <div>Quasar v{{ $q.version }}</div> --> </q-toolbar> </template> <script> import UserPopupMenu from "src/components/UserPopupMenu"; export default { // name: 'ComponentName', components: { UserPopupMenu }, props: ["hasDrawer", "user"], data() { return {}; }, methods: { toogleDrawer() { this.$emit("toggle"); }, handleLogout() { this.$emit("logout"); } } }; </script> <style> </style> |