verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 81 Releases Wiki Activity

customer list styling

This commit is contained in:
Carlos Jimenez Ruiz 2022-03-09 11:35:24 +01:00
parent 3d0ef52ff6
commit 561c4ef187
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/Customer/List.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<q-page class="q-pa-md"> <q-page class="q-pa-md">
<div class="column items-center justify-evenly"> <div class="column items-center q-gutter-y-md">
<router-link to="/customer/123"></router-link> <router-link to="/customer/123"></router-link>
<q-card class="card col-6" v-for="customer in customers" :key="customer.id"> <q-card v-for="customer in customers" :key="customer.id" class="card">
<q-card-section clickable> <q-card-section horizontal clickable>
<div class="row items-center no-wrap"> <div class="col items-center no-wrap">
<div class="col"> <div class="col">
<div class="text-h6">{{ customer.name }}</div> <div class="text-h6">{{ customer.name }}</div>
<div class="text-subtitle2">@{{ customer.username }}</div> <div class="text-subtitle2">@{{ customer.username }}</div>
@ -25,16 +25,15 @@
</q-btn> </q-btn>
</div> </div>
</div> </div>
<q-separator vertical />
<q-card-actions vertical class="justify-around">
<q-btn flat round color="red" icon="favorite" />
<q-btn flat round color="accent" icon="bookmark" />
<q-btn flat round color="primary" icon="share" />
</q-card-actions>
</q-card-section> </q-card-section>
<q-card-section> Labels.. </q-card-section>
<q-separator />
<q-card-actions>
<q-btn flat>Action 1</q-btn>
<q-btn flat>Action 2</q-btn>
</q-card-actions>
</q-card> </q-card>
</div> </div>
</q-page> </q-page>