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

#6945 Quit VnRow #215

Merged
alexm merged 3 commits from 6945-quitVnRow into dev 2024-02-29 09:22:47 +00:00
Conversation 0 Commits 3 Files Changed 2 +34 -36
2 changed files with 34 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ui/VnRow.vue
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;
}
} }
alexm marked this conversation as resolved
jorgep commented 2024-02-28 14:30:26 +00:00
Review
Copy Link

Esto lo arregla en todos los sitios, no hace falta quitar el div class="col".

Esto lo arregla en todos los sitios, no hace falta quitar el div class="col".
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
#row { #row {
grid-template-columns: 1fr; flex-direction: column;
} }
} }
</style> </style>

10
src/pages/Entry/Card/EntryNotes.vue
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">
alexm marked this conversation as resolved
jorgep commented 2024-02-28 14:32:20 +00:00
Review
Copy Link

El diseño de este archivo estaba bastante roto. Ahora está todo alineado y es responsive por lo menos. Pero dejarlo como en salix o cambiar por crudModel en esta tarea: #6946

El diseño de este archivo estaba bastante roto. Ahora está todo alineado y es responsive por lo menos. Pero dejarlo como en salix o cambiar por crudModel en esta tarea: #6946
<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>