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

View File

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