All files / pages UserSettings.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                                                                                           
<template>
  <q-page padding>
    <!-- content -->
    <q-card class="q-pa-md">
      <div class="text-h6 text-grey-6">Public profile</div>
      <div class="row">
        <div class="col-8">
          <ProfileForm />
        </div>
        <div class="col-4 q-pl-xl">
          <div class="text-subtitle1">
            Profile picture
            <q-btn flat>
              <q-icon
                size="14px"
                color="grey-5"
                name="fas fa-edit"
              ></q-icon>
            </q-btn>
          </div>
          <q-avatar
            size="128px"
            square
          >
            <q-img src="https://avatars3.githubusercontent.com/u/32947?s=400&u=67aa00fa91a1030f8a3bf41b1a29308b6fa1f4c6&v=4" />
          </q-avatar>
          <br>
        </div>
      </div>
    </q-card>
  </q-page>
</template>
 
<script>
import ProfileForm from "src/components/ProfileForm";
export default {
  // name: 'PageName',
  components: {
    ProfileForm
  }
};
</script>
 
<style>
</style>