Blame view
src/components/widgets/card/ProfileCard.vue
2.64 KB
93a68cfa1
first commit
|
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>
<v-card>
<v-card-media src="/static/people/man/m1.jpg" height="390">
<v-layout column class="media ma-0">
<v-card-title>
<v-btn dark icon>
<v-icon>chevron_left</v-icon>
</v-btn>
<v-spacer></v-spacer>
<v-btn dark icon class="mr-3">
<v-icon>edit</v-icon>
</v-btn>
<v-btn dark icon>
<v-icon>more_vert</v-icon>
</v-btn>
</v-card-title>
<v-spacer></v-spacer>
<v-card-title class="white--text pl-5 pt-5">
<div class="display-1 pl-5 pt-5">Ali Conners</div>
</v-card-title>
</v-layout>
</v-card-media>
<v-list two-line class="pa-0">
<v-list-tile href="#">
<v-list-tile-action>
<v-icon color="indigo">phone</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>(650) 555-1234</v-list-tile-title>
<v-list-tile-sub-title>Mobile</v-list-tile-sub-title>
</v-list-tile-content>
<v-list-tile-action>
<v-icon>chat</v-icon>
</v-list-tile-action>
</v-list-tile>
<v-list-tile href="#">
<v-list-tile-action></v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>(323) 555-6789</v-list-tile-title>
<v-list-tile-sub-title>Work</v-list-tile-sub-title>
</v-list-tile-content>
<v-list-tile-action>
<v-icon>chat</v-icon>
</v-list-tile-action>
</v-list-tile>
<v-divider inset></v-divider>
<v-list-tile href="#">
<v-list-tile-action>
<v-icon color="indigo">mail</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>aliconnors@example.com</v-list-tile-title>
<v-list-tile-sub-title>Personal</v-list-tile-sub-title>
</v-list-tile-content>
</v-list-tile>
<v-list-tile href="#">
<v-list-tile-action></v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>ali_connors@example.com</v-list-tile-title>
<v-list-tile-sub-title>Work</v-list-tile-sub-title>
</v-list-tile-content>
</v-list-tile>
<v-divider inset></v-divider>
<v-list-tile href="#">
<v-list-tile-action>
<v-icon color="indigo">location_on</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>1400 Main Street</v-list-tile-title>
<v-list-tile-sub-title>Orlando, FL 79938</v-list-tile-sub-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-card>
</template>
<script>
export default {
};
</script>
|