0
0
Fork 0

fix: refs #6825 css

This commit is contained in:
Carlos Satorres 2024-06-05 10:38:40 +02:00
parent 92244ad96b
commit cb4a5f8d1b
2 changed files with 28 additions and 4 deletions

View File

@ -196,6 +196,8 @@ async function save() {
} catch (err) {
console.error(err);
notify('errors.writeRequest', 'negative');
hasChanges.value = false;
isLoading.value = false;
}
isLoading.value = false;
}

View File

@ -43,6 +43,10 @@ const $props = defineProps({
type: Object,
default: null,
},
cardClass: {
type: String,
default: 'flex-one',
},
});
const { t } = useI18n();
const stateStore = useStateStore();
@ -300,7 +304,11 @@ defineExpose({
}
"
>
<QCardSection vertical class="no-margin no-padding w-80">
<QCardSection
vertical
class="no-margin no-padding"
:class="colsMap.tableActions ? 'w-80' : 'fit'"
>
<!-- Chips -->
<QCardSection
v-if="splittedColumns.chips.length"
@ -324,17 +332,21 @@ defineExpose({
:title="row[splittedColumns.title.name]"
@click="stopEventPropagation($event)"
class="cursor-text"
>{{ row[splittedColumns.title.name] }}</span
>
{{ row[splittedColumns.title.name] }}
</span>
</QCardSection>
<!-- Fields -->
<QCardSection class="q-pl-sm q-pr-lg q-py-xs flex-one">
<QCardSection
class="q-pl-sm q-pr-lg q-py-xs"
:class="$props.cardClass"
>
<div
v-for="col of splittedColumns.visible"
:key="col.name"
class="fields"
>
<VnLv :label="`${col.label}:`">
<VnLv :label="col.label && `${col.label}:`">
<template #value>
<span
@click="stopEventPropagation($event)"
@ -545,6 +557,16 @@ defineExpose({
white-space: nowrap;
}
.grid-two {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
max-width: 100%;
margin: 0 auto;
overflow: scroll;
white-space: wrap;
width: 100%;
}
.w-80 {
width: 80%;
}