Merge pull request '#6945 Quit VnRow' (!215) from 6945-quitVnRow into dev
gitea/salix-front/pipeline/head This commit looks good Details

Reviewed-on: #215
Reviewed-by: Alex Moreno <alexm@verdnatura.es>
This commit is contained in:
Alex Moreno 2024-02-29 09:22:47 +00:00
commit ada7dc2cb2
2 changed files with 34 additions and 36 deletions

View File

@ -1,16 +1,18 @@
<template> <template>
<div id="row" class="q-gutter-md"> <div id="row" class="q-gutter-md q-mb-md">
<slot></slot> <slot></slot>
</div> </div>
</template> </template>
<style lang="scss" scopped> <style lang="scss" scopped>
#row { #row {
display: grid; display: flex;
grid-template-columns: 1fr 1fr; > * {
flex: 1;
}
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
#row { #row {
grid-template-columns: 1fr; flex-direction: column;
} }
} }
</style> </style>

View File

@ -50,7 +50,6 @@ onMounted(() => {
:key="index" :key="index"
class="row q-gutter-md q-mb-md" class="row q-gutter-md q-mb-md"
> >
<div class="col-3">
<VnSelectFilter <VnSelectFilter
:label="t('entry.notes.observationType')" :label="t('entry.notes.observationType')"
v-model="row.observationTypeFk" v-model="row.observationTypeFk"
@ -60,15 +59,14 @@ onMounted(() => {
option-value="id" option-value="id"
hide-selected hide-selected
/> />
</div>
<div class="col">
<VnInput <VnInput
:label="t('globals.description')" :label="t('globals.description')"
v-model="row.description" v-model="row.description"
:rules="validate('EntryObservation.description')" :rules="validate('EntryObservation.description')"
/> />
</div>
<div class="col-1 row justify-center items-center"> <div class="row justify-center items-center">
<QIcon <QIcon
name="delete" name="delete"
size="sm" size="sm"
@ -82,7 +80,6 @@ onMounted(() => {
</QIcon> </QIcon>
</div> </div>
</VnRow> </VnRow>
<VnRow>
<QIcon <QIcon
name="add" name="add"
size="sm" size="sm"
@ -94,7 +91,6 @@ onMounted(() => {
{{ t('Add note') }} {{ t('Add note') }}
</QTooltip> </QTooltip>
</QIcon> </QIcon>
</VnRow>
</QCard> </QCard>
</template> </template>
</CrudModel> </CrudModel>