fix(VTable): font-color, size, and icon size

vuetifyjs · Nov 16, 2023 · ecbf74e · ecbf74e · dreysolano · Nov 28, 2023
1 parent 6901d24
commit ecbf74e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/vuetify/src/components/VTable/VTable.sass b/packages/vuetify/src/components/VTable/VTable.sass
@@ -7,20 +7,25 @@
 .v-table
   @include tools.theme($table-theme...)
 
+  font-size: $table-font-size
   transition-duration: $table-transition-duration
   transition-property: $table-transition-property
   transition-timing-function: $table-transition-timing-function
 
   .v-table-divider
     border-right: $table-border
 
+  .v-icon
+    font-size: $table-icon-size
+    height: $table-icon-size
+    width: $table-icon-size
+
   .v-table__wrapper
     > table
       > thead
         > tr
           > th
             border-bottom: $table-border
-            color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity))
 
       > tbody
         > tr

diff --git a/packages/vuetify/src/components/VTable/_variables.scss b/packages/vuetify/src/components/VTable/_variables.scss
@@ -10,6 +10,8 @@ $table-density: ('default': 0, 'comfortable': -2, 'compact': -4) !default;
 $table-header-height: 56px !default;
 $table-header-font-weight: 500 !default;
 $table-header-font-size: tools.map-deep-get(settings.$typography, 'caption', 'size') !default;
+$table-font-size: tools.map-deep-get(settings.$typography, 'body-2', 'size') !default;
+$table-icon-size: 1.5rem !default;
 $table-row-height: var(--v-table-row-height, 52px) !default;
 $table-row-font-size: tools.map-deep-get(settings.$typography, 'subtitle-2', 'size') !default;
 $table-border-color: rgba(var(--v-border-color), var(--v-border-opacity)) !default;