fix: refs #6553 fix vnTable

src/pages/Worker/Card/WorkerBusiness.vue

@@ -205,10 +205,9 @@ const columns = computed(() => [
 </script>
 
 <template>
-    <div class="list-container">
     <VnTable
-            class="list"
         ref="tableRef"
+        class="BusinessCard"
         data-key="WorkerBusiness"
         :url="`Workers/${entityId}/Business`"
         save-url="/Businesses/crud"
@@ -224,27 +223,31 @@ const columns = computed(() => [
         auto-load
         :disable-option="{ table: true }"
         :right-search="false"
-            card-class="grid-two q-gutter-x-xl q-gutter-y-md"
+        card-class="BusinessCard grid-two q-gutter-x-xl q-gutter-y-md q-pr-lg q-py-lg"
         :is-editable="true"
         :use-model="true"
         @save-changes="(data) => reactivateWorker(data)"
     />
-    </div>
 </template>
 <style lang="scss" scoped>
-.list {
-    width: 1000px;
-    margin: 4em auto;
-    padding: 30px;
-}
-.q-card__section {
+.BusinessCard {
     background-color: blue;
 }
-.list-container {
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    width: 90%;
+.q-table__container .vn-label-value .label {
+    color: red;
+}
+.q-table__container {
+    background-color: red;
+}
+.VnTable {
+    background-color: red;
+    .q-table__container {
+        .vn-label-value {
+            .label {
+                background-color: blue;
+            }
+        }
+    }
 }
 </style>
 <i18n>