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 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 | <template> <q-toolbar class="bg-white text-grey-6 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> <q-btn flat dense to="/" class="text-logo text-grey-7" >open-source circular fashion</q-btn> </q-toolbar-title> <q-space /> <q-btn flat label="Browse" icon-right="arrow_drop_down" class="q-ml-md gt-sm" > <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-btn flat to="/collections" class="gt-sm" >Collections</q-btn> <q-btn flat to="/account/projects/new" class="gt-sm" >Upload</q-btn> <q-btn 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> .text-logo { font-family: "Helvetica"; font-size: 0.9rem; font-weight: bold; } </style> |