fix: refs #6553 fix vnTable

src/pages/Worker/Card/WorkerBusiness.vue

@@ -205,46 +205,49 @@ const columns = computed(() => [
 </script>
 
 <template>
-    <div class="list-container">
-        <VnTable
-            class="list"
-            ref="tableRef"
-            data-key="WorkerBusiness"
-            :url="`Workers/${entityId}/Business`"
-            save-url="/Businesses/crud"
-            :create="{
-                urlCreate: `Workers/${entityId}/Business`,
-                title: 'Create business',
-                onDataSaved: () => tableRef.reload(),
-                formInitialData: {},
-            }"
-            order="id DESC"
-            :columns="columns"
-            default-mode="card"
-            auto-load
-            :disable-option="{ table: true }"
-            :right-search="false"
-            card-class="grid-two q-gutter-x-xl q-gutter-y-md"
-            :is-editable="true"
-            :use-model="true"
-            @save-changes="(data) => reactivateWorker(data)"
-        />
-    </div>
+    <VnTable
+        ref="tableRef"
+        class="BusinessCard"
+        data-key="WorkerBusiness"
+        :url="`Workers/${entityId}/Business`"
+        save-url="/Businesses/crud"
+        :create="{
+            urlCreate: `Workers/${entityId}/Business`,
+            title: 'Create business',
+            onDataSaved: () => tableRef.reload(),
+            formInitialData: {},
+        }"
+        order="id DESC"
+        :columns="columns"
+        default-mode="card"
+        auto-load
+        :disable-option="{ table: true }"
+        :right-search="false"
+        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)"
+    />
 </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>