fix(VnTable): refs #6825 checkbox align and color

src/components/VnTable/VnFilter.vue

@@ -111,9 +111,10 @@ function alignRow() {
     </div>
     <div
         v-if="columnFilter !== false && column.field != 'tableActions'"
-        class="row no-wrap full-width"
+        class="row no-wrap"
         :class="alignRow()"
     >
+        <span :class="$props.column.component != 'checkbox' ? 'full-width' : alignRow()">
             <VnTableColumn
                 :column="$props.column"
                 :row="{}"
@@ -122,6 +123,7 @@ function alignRow() {
                 :components="components"
                 component-prop="columnFilter"
             />
+        </span>
     </div>
     <div v-else-if="showTitle" style="height: 45px"><!-- fixme! --></div>
 </template>

src/components/VnTable/VnTable.vue

@@ -240,7 +240,10 @@ defineExpose({
                 </template>
                 <template #body-cell="{ col, row }">
                     <!-- Columns -->
-                    <QTd class="no-padding" :class="`text-${col.align ?? 'left'}`">
+                    <QTd
+                        class="no-padding no-margin"
+                        :class="`text-${col.align ?? 'left'}`"
+                    >
                         <VnTableColumn
                             :column="col"
                             :row="row"
@@ -366,6 +369,13 @@ defineExpose({
         </FormModelPopup>
     </QDialog>
 </template>
+<i18n>
+    en:
+        status: Status
+    es:
+        status: Estados
+    </i18n>
+
 <style lang="scss">
 .bg-chip-secondary {
     background-color: var(--vn-page-color);
@@ -438,23 +448,6 @@ defineExpose({
     }
 }
 
-// WIP TRANSITIONS
-// .grid-item {
-//     background-color: red;
-//     transition: all 500ms ease;
-// }
-
-// .grid-move {
-//     background-color: #6b7280 !important;
-//     transform: scale(0.9);
-// }
-
-.divisor-line {
-    height: 1px;
-    background-color: var(--vn-section-color);
-    border: none;
-}
-
 .q-table th {
     padding: 0;
 }
@@ -470,6 +463,21 @@ defineExpose({
     .q-table__top {
         top: 0;
     }
+    tbody {
+        .q-checkbox {
+            display: flex;
+            margin-bottom: 9px;
+            & .q-checkbox__label {
+                margin-left: 31px;
+                color: var(--vn-text-color);
+            }
+            & .q-checkbox__inner {
+                position: absolute;
+                left: 0;
+                color: var(--vn-label-color);
+            }
+        }
+    }
 }
 
 .vn-label-value {