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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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