All files / pages UserPage.vue

0% Statements 0/1
100% Branches 0/0
100% Functions 0/0
0% Lines 0/1

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                                                                                                                                                                 
<template>
  <q-page padding>
    <!-- content -->
    <div class="row">
      <div class="col-sm-12 col-md-3">
        <q-list class="q-pr-xl q-mt-lg">
          <q-item>
            <q-item-section avatar>
              <q-avatar>
                <q-img
                  basic
                  src="https://cdn.quasar.dev/img/avatar2.jpg"
                />
              </q-avatar>
            </q-item-section>
            <q-item-section>
              <q-item-label>Jane Fonda</q-item-label>
              <q-item-label subtitle>
                jane@gmail.com
                <q-icon
                  name="fas fa-edit"
                  size="18px"
                  class="q-ml-md q-mb-sm"
                />
              </q-item-label>
            </q-item-section>
          </q-item>
          <q-item>
            <q-item-section>
              <q-item-label class="text-caption">Dreamer, artist and extraordinary judo fighter</q-item-label>
            </q-item-section>
          </q-item>
          <q-item>
            <q-separator class="q-my-md" />
          </q-item>
          <q-item>
            <q-item-section avatar>
              <q-avatar color="grey-2">P</q-avatar>
            </q-item-section>
            <q-item-section>
              <q-item-label>Projects</q-item-label>
            </q-item-section>
          </q-item>
          <q-item>
            <q-item-section avatar>
              <q-avatar color="grey-2">C</q-avatar>
            </q-item-section>
            <q-item-section>
              <q-item-label>Collections</q-item-label>
            </q-item-section>
          </q-item>
          <q-item>
            <q-item-section avatar>
              <q-avatar color="grey-2">L</q-avatar>
            </q-item-section>
            <q-item-section>
              <q-item-label>Projects you Like</q-item-label>
            </q-item-section>
          </q-item>
        </q-list>
      </div>
      <div class="col-sm-12 col-md-9 col-lg-8 col-xl-7">
        <UserGallery />
      </div>
    </div>
  </q-page>
</template>
 
<script>
import UserGallery from "../components/UserGallery";
export default {
  // name: 'PageName',
  components: {
    UserGallery
  }
};
</script>
 
<style>
</style>