From 13876123cb9ca846b5d271b4cbd303357b21cd8c Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 9 May 2021 10:45:47 +0200
Subject: [PATCH] :lipstick: (table) simplify tables ui

---
 src/components/FluxNote.vue   | 10 ++++++++++
 src/hooks/useMarkdown.hook.ts |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue
index 6402b04..170d2c8 100644
--- a/src/components/FluxNote.vue
+++ b/src/components/FluxNote.vue
@@ -155,6 +155,16 @@ $header-height: 40px;
       color: var(--font-color);
     }
 
+    table {
+      color: var(--font-color);
+      background-color: var(--background-color);
+      thead {
+        th {
+          color: var(--font-color);
+        }
+      }
+    }
+
     blockquote {
       background-color: var(--background-color);
     }
diff --git a/src/hooks/useMarkdown.hook.ts b/src/hooks/useMarkdown.hook.ts
index 7a0f746..d4792c6 100644
--- a/src/hooks/useMarkdown.hook.ts
+++ b/src/hooks/useMarkdown.hook.ts
@@ -13,7 +13,7 @@ const md = new MarkdownIt({
     h4: ['title', 'is-5'],
     h5: ['title', 'is-6'],
     h6: ['title', 'is-6'],
-    table: ['table', 'is-striped', 'is-hoverable']
+    table: ['table', 'is-fullwidth']
   })
   .use(blockEmbedPlugin, {
     youtube: {