feat(table): adjust basic table stylings

globalbrain · Dec 23, 2022 · 8d2070d · 8d2070d
1 parent 8606bb6
commit 8d2070d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/lib/components/STableCellDay.vue b/lib/components/STableCellDay.vue
@@ -26,8 +26,8 @@ defineProps<{
 .value {
   line-height: 24px;
   font-family: var(--font-family-number);
-  font-size: 12px;
-  font-weight: 500;
+  font-size: var(--table-cell-font-size);
+  font-weight: var(--table-cell-font-weight);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

diff --git a/lib/components/STableCellPill.vue b/lib/components/STableCellPill.vue
@@ -39,7 +39,9 @@ const _color = computed(() => {
 
 <style scoped lang="postcss">
 .STableCellPill {
-  padding: 7px 16px 9px;
+  display: flex;
+  align-items: center;
+  padding: 8px 16px;
   min-height: 40px;
 }
 
@@ -79,7 +81,7 @@ const _color = computed(() => {
   .STableCellPill.mute & {
     border-color: var(--c-divider);
     color: var(--c-text-2);
-    background-color: var(--c-bg-elv);
+    background-color: var(--c-bg-lift-2);
   }
 }
 </style>
diff --git a/lib/components/STableCellText.vue b/lib/components/STableCellText.vue
@@ -78,8 +78,8 @@ const _iconColor = computed(() => {
 
 .text {
   line-height: 24px;
-  font-size: 12px;
-  font-weight: 500;
+  font-size: var(--table-cell-font-size);
+  font-weight: var(--table-cell-font-weight);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;