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 105 106 107 108 109 110 111 112 113 114 115 116 | <template>
<div>
<q-list class="q-mt-md">
<q-item>
<q-item-label class="text-h6">Start a ...</q-item-label>
</q-item>
<q-item>
<div class="row q-gutter-md">
<div class="col-auto">
<q-btn v-ripple class="q-pa-sm q-px-md" to="/account/projects/new">
<q-icon name="fas fa-plus" size="14px" class="q-mr-xs q-py-xl"/>New project
</q-btn>
</div>
<div class="col-auto">
<q-btn v-ripple class="q-pa-sm q-px-md" to="/account/collections/new">
<q-icon name="fas fa-plus" size="14px" class="q-mr-xs q-py-xl"/>New collection
</q-btn>
</div>
</div>
</q-item>
</q-list>
<q-space class="q-my-xl"/>
<q-list class="q-mt-md">
<q-item>
<q-item-label class="text-h6">Recent activity</q-item-label>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar color="teal-1" text-color="teal-5">
<q-icon name="fas fa-bookmark"/>
</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>
You bookmarked
<a href="#">Hot pants</a> project.
</q-item-label>
<q-item-label caption>Today</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar color="teal-1" text-color="teal-5">
<q-icon name="fas fa-file"/>
</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>
You uploaded project
<a href="#">Hot wheels</a>.
</q-item-label>
<q-item-label caption>2019-05-23</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar color="teal-1" text-color="teal-5">
<q-icon name="fas fa-folder"/>
</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>
You created the
<a href="#">Zero waste design</a> collection.
</q-item-label>
<q-item-label caption>2019-05-23</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar color="teal-1" text-color="teal-5">
<q-icon name="fas fa-comment"/>
</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>
<a href="#">Zorro</a> left a new comment for your project
<a href="#">Hot wheels</a>.
</q-item-label>
<q-item-label caption>2019-05-23</q-item-label>
</q-item-section>
</q-item>
<q-item>
<q-item-section avatar>
<q-avatar color="teal-1" text-color="teal-5">
<q-icon name="fas fa-heart"/>
</q-avatar>
</q-item-section>
<q-item-section>
<q-item-label>
<a href="#">Pinco pallino</a> bookmarked your project
<a href="#">Hot wheels</a>.
</q-item-label>
<q-item-label caption>2019-05-23</q-item-label>
</q-item-section>
</q-item>
</q-list>
</div>
</template>
<script>
import UserGallery from "../components/UserGallery";
export default {
components: {
UserGallery
}
};
</script>
<style>
.user-dashboard-toolbar {
margin-right: 40px;
}
</style>
|