wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests 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

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

@ -1,10 +1,10 @@
<template>
<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>
<q-card class="card col-6" v-for="customer in customers" :key="customer.id">
<q-card-section clickable>
<div class="row items-center no-wrap">
<q-card v-for="customer in customers" :key="customer.id" class="card">
<q-card-section horizontal clickable>
<div class="col items-center no-wrap">
<div class="col">
<div class="text-h6">{{ customer.name }}</div>
<div class="text-subtitle2">@{{ customer.username }}</div>
@ -25,16 +25,15 @@
</q-btn>
</div>
</div>
</q-card-section>
<q-card-section> Labels.. </q-card-section>
<q-separator vertical />
<q-separator />
<q-card-actions>
<q-btn flat>Action 1</q-btn>
<q-btn flat>Action 2</q-btn>
<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>
</div>
</q-page>