From 1052e9eb21dde0848e57efe6fad9e7b044ac90c2 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 12 Jun 2024 13:14:02 +0200
Subject: [PATCH] fix: refs #6238 use :deep

---
 src/pages/Travel/ExtraCommunity.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/pages/Travel/ExtraCommunity.vue b/src/pages/Travel/ExtraCommunity.vue
index 1dc6acb17..37fe27717 100644
--- a/src/pages/Travel/ExtraCommunity.vue
+++ b/src/pages/Travel/ExtraCommunity.vue
@@ -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;