[pricelist] clean style tags

This commit is contained in:
Tim Gröger 2021-04-17 14:17:42 +02:00
parent 6e74105f38
commit e2b46d96b9
1 changed files with 32 additions and 28 deletions

View File

@ -3,9 +3,9 @@
<q-page padding> <q-page padding>
<q-table title="Tags" :rows="rows" :row-key="(row) => row.id" :columns="columns"> <q-table title="Tags" :rows="rows" :row-key="(row) => row.id" :columns="columns">
<template #top-right> <template #top-right>
<q-btn color="primary" icon="mdi-plus" label="Hinzufügen"> <q-btn color="primary" icon="mdi-plus" round>
<q-tooltip> Tag hinzufügen </q-tooltip>
<q-menu v-model="popup" anchor="center middle" self="center middle" persistent> <q-menu v-model="popup" anchor="center middle" self="center middle" persistent>
<div>
<q-input <q-input
v-model="newTag.name" v-model="newTag.name"
filled filled
@ -16,6 +16,7 @@
/> />
<q-color <q-color
:model-value="newTag.color" :model-value="newTag.color"
flat
class="q-pa-sm" class="q-pa-sm"
@change=" @change="
(val) => { (val) => {
@ -23,10 +24,9 @@
} }
" "
/> />
<div class="row q-gutter-sm justify-around"> <div class="full-width row q-gutter-sm justify-around q-py-sm">
<q-btn v-close-popup label="Abbrechen" /> <q-btn v-close-popup flat label="Abbrechen" />
<q-btn label="Speichern" color="primary" @click="save" /> <q-btn flat label="Speichern" color="primary" @click="save" />
</div>
</div> </div>
</q-menu> </q-menu>
</q-btn> </q-btn>
@ -51,9 +51,7 @@
@update:modelValue="updateTag(props.row)" @update:modelValue="updateTag(props.row)"
> >
<template #default="scope"> <template #default="scope">
<div class="fit row justify-around">
<q-input v-model="scope.value" :rules="[notExists]" dense filled /> <q-input v-model="scope.value" :rules="[notExists]" dense filled />
</div>
</template> </template>
</q-popup-edit> </q-popup-edit>
</q-td> </q-td>
@ -72,8 +70,13 @@
@update:modelValue="updateTag(props.row)" @update:modelValue="updateTag(props.row)"
> >
<template #default="slot"> <template #default="slot">
<div class="fit row justify-around"> <div class="full-width row justify-center">
<q-color :model-value="slot.value" @change="(val) => (slot.value = val)" /> <q-color
:model-value="slot.value"
class="full-width"
flat
@change="(val) => (slot.value = val)"
/>
</div> </div>
</template> </template>
</q-popup-edit> </q-popup-edit>
@ -110,6 +113,7 @@ export default defineComponent({
name: 'name', name: 'name',
label: 'Name', label: 'Name',
field: 'name', field: 'name',
align: 'left',
}, },
{ {
name: 'color', name: 'color',