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

style: refs #7361 style refactor

This commit is contained in:
Jon Elias 2024-05-13 13:57:51 +02:00
parent 071e6a7296
commit 2859a7bad6
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/Ticket/Card/TicketSummary.vue
View File

@ -275,7 +275,6 @@ async function changeState(value) {
<QTh auto-width>{{ t('ticket.summary.available') }}</QTh> <QTh auto-width>{{ t('ticket.summary.available') }}</QTh>
<QTh auto-width>{{ t('ticket.summary.quantity') }}</QTh> <QTh auto-width>{{ t('ticket.summary.quantity') }}</QTh>
<QTh auto-width>{{ t('globals.description') }}</QTh> <QTh auto-width>{{ t('globals.description') }}</QTh>
<QTh auto-width></QTh>
<QTh auto-width>{{ t('ticket.summary.price') }}</QTh> <QTh auto-width>{{ t('ticket.summary.price') }}</QTh>
<QTh auto-width>{{ t('ticket.summary.discount') }}</QTh> <QTh auto-width>{{ t('ticket.summary.discount') }}</QTh>
<QTh auto-width>{{ t('globals.amount') }}</QTh> <QTh auto-width>{{ t('globals.amount') }}</QTh>
@ -374,20 +373,19 @@ async function changeState(value) {
<QTd>{{ props.row.visible }}</QTd> <QTd>{{ props.row.visible }}</QTd>
<QTd>{{ props.row.available }}</QTd> <QTd>{{ props.row.available }}</QTd>
<QTd>{{ props.row.quantity }}</QTd> <QTd>{{ props.row.quantity }}</QTd>
<QTd> <QTd class="description-cell">
<span> <span>
{{ props.row.item.name }} {{ props.row.item.name }}
</span> </span>
<fetched-tags
class="fetched-tags"
:item="props.row.item"
:max-length="5"
></fetched-tags>
</QTd>
<QTd>
<span v-if="props.row.item.subName" class="subName"> <span v-if="props.row.item.subName" class="subName">
{{ props.row.item.subName.toUpperCase() }} {{ props.row.item.subName.toUpperCase() }}
</span> </span>
<div class="fetched-tags">
<FetchedTags
:item="props.row.item"
:max-length="5"
></FetchedTags>
</div>
</QTd> </QTd>
<QTd>{{ props.row.price }} €</QTd> <QTd>{{ props.row.price }} €</QTd>
<QTd>{{ props.row.discount }} %</QTd> <QTd>{{ props.row.discount }} %</QTd>
@ -466,7 +464,6 @@ async function changeState(value) {
padding: 1%; padding: 1%;
} }
} }
.q-table { .q-table {
tr, tr,
th, th,
@ -475,17 +472,22 @@ async function changeState(value) {
} }
} }
.tr-header { .subName {
color: var(--vn-label-color); margin-left: 10%;
} }
.tr-header,
.subName { .subName {
color: var(--vn-label-color); color: var(--vn-label-color);
margin-left: -40%;
} }
.description-cell {
width: 30%;
}
.fetched-tags { .fetched-tags {
width: 70%; display: flex;
margin-left: 19%; flex-wrap: wrap;
margin-left: 10%;
}
.fetched-tags > * {
max-width: calc(100% / 2);
} }
</style> </style>