add styling for tables in rich text blocks

2024-08-12 13:28:03 +02:00
parent bfdcdfa636
commit d36a146cb8
1 changed files with 26 additions and 0 deletions
--- a/web/src/components/blocks/richTextBlock.module.scss
+++ b/web/src/components/blocks/richTextBlock.module.scss
@ -125,4 +125,30 @@
    height: 1px;
    background: var(--color-text);
  }
+
+  table {
+    width: 100%;
+    max-width: var(--size-width-p);
+    border-collapse: collapse;
+    margin: 0 auto;
+  
+    tr {
+      border-top: var(--border);
+
+      &:last-child {
+        border-bottom: var(--border);
+      }
+    }
+  
+    th {
+      text-align: left;
+      width: 11rem;
+      font-weight: 600;
+    }
+  
+    th,
+    td {
+      padding: var(--spacing-xs) 0;
+    }
+  }
 }