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 | <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> <div class="flex items-center"> <router-link to="/"> <q-img src="/statics/600x600fabr.png" class="logo-img" /> </router-link> <div class="text-logo"> <span class="text-open">Open - source</span> <br />circular fashion </div> </div> </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 a project</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 lang="scss"> .logo-img.q-img { width: 48px; } .text-open { font-size: 0.94frem; } .text-logo { // font-family: "Helvetica"; font-size: 0.7rem; line-height: 0.8rem; font-weight: 400; text-transform: uppercase; } </style> |