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

refactor: improve layout and styling in ExtraCommunity.vue
gitea/salix-front/pipeline/pr-test This commit is unstable Details

This commit is contained in:
Pablo Natek 2025-04-02 11:51:03 +02:00
parent 9be4cdccc0
commit 74033a7bdf
1 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/pages/Travel/ExtraCommunity.vue
View File

@ -505,7 +505,6 @@ watch(route, () => {
:props="props" :props="props"
@click="stopEventPropagation($event, col)" @click="stopEventPropagation($event, col)"
:style="col.style" :style="col.style"
style="padding-left: 5px"
> >
<component <component
:is="tableColumnComponents[col.name].component" :is="tableColumnComponents[col.name].component"
@ -581,19 +580,20 @@ watch(route, () => {
<QBtn dense flat class="link">{{ entry.id }} </QBtn> <QBtn dense flat class="link">{{ entry.id }} </QBtn>
<EntryDescriptorProxy :id="entry.id" /> <EntryDescriptorProxy :id="entry.id" />
</QTd> </QTd>
<QTd> <QTd :colspan="2">
<QBtn flat class="link" dense>{{ entry.supplierName }}</QBtn> <div style="display: flex">
<SupplierDescriptorProxy :id="entry.supplierFk" /> <span class="link">
</QTd> {{ entry.supplierName }}
<QTd class="text-center"> <SupplierDescriptorProxy :id="entry.supplierFk" />
<QIcon </span>
v-if="entry.isCustomInspectionRequired" <QIcon
name="warning" v-if="entry.isCustomInspectionRequired"
color="negative" name="warning"
size="md" color="negative"
:title="t('extraCommunity.requiresInspection')" size="md"
> :title="t('extraCommunity.requiresInspection')"
</QIcon> />
</div>
</QTd> </QTd>
<QTd class="text-right"> <QTd class="text-right">
<span>{{ toCurrency(entry.invoiceAmount) }}</span> <span>{{ toCurrency(entry.invoiceAmount) }}</span>
@ -639,9 +639,7 @@ watch(route, () => {
&:nth-child(1) { &:nth-child(1) {
max-width: 65px; max-width: 65px;
} }
&:nth-child(4) { padding: 0 5px 0;
padding: 0;
}
} }
thead > tr > th { thead > tr > th {
padding: 3px; padding: 3px;