fix: refs #6238 use :deep

This commit is contained in:
Jorge Penadés 2024-06-12 13:14:02 +02:00
parent a4c21c7673
commit 1052e9eb21
1 changed files with 6 additions and 7 deletions

View File

@ -78,7 +78,7 @@ const tableColumnComponents = {
},
ref: {
component: VnInput,
attrs: { dense: true, class: 'bold' },
attrs: { dense: true },
event: (val, field, rowIndex) => ({
'keyup.enter': () => saveFieldValue(val, field, rowIndex),
blur: () => saveFieldValue(val, field, rowIndex),
@ -94,7 +94,7 @@ const tableColumnComponents = {
},
kg: {
component: VnInput,
attrs: { dense: true, type: 'number', min: 0, class: 'input-number bold' },
attrs: { dense: true, type: 'number', min: 0, class: 'input-number' },
event: (val, field, rowIndex) => ({
'keyup.enter': () => saveFieldValue(val, field, rowIndex),
blur: () => saveFieldValue(val, field, rowIndex),
@ -599,11 +599,6 @@ const getKgPercentage = ({ kg, loadedKg, volumeKg }) => {
</QTable>
</QPage>
</template>
<style lang="scss">
.bold input {
font-weight: bold;
}
</style>
<style scoped lang="scss">
.q-chip {
color: var(--vn-text-color);
@ -613,6 +608,10 @@ const getKgPercentage = ({ kg, loadedKg, volumeKg }) => {
border-collapse: collapse;
}
.q-td :deep(input) {
font-weight: bold;
}
.dashed-border {
&.--left {
border-left: 1px dashed #ccc;