design: fix font size in table

src/components/StackedNote.vue

@@ -318,10 +318,6 @@ a.title-stacked-note-link {
 
     .note-content {
       padding: 0 1.5rem;
-
-      .table {
-        overflow-x: auto;
-      }
     }
   }
 }

src/hooks/useMarkdown.hook.ts

@@ -57,9 +57,9 @@ const useShikiji = async () => {
 useShikiji()
 
 const rules: Renderer.RenderRuleRecord = {
-  table_close: () => '</table>\n</div>',
   table_open: () =>
-    '<div class="table-wrapper table is-fullwidth is striped">\n<table>\n'
+    '<div class="overflow-x-auto"><table class="table table-zebra">',
+  table_close: () => '</table></div>'
 }
 
 md.renderer.rules = { ...md.renderer.rules, ...rules }
@@ -69,7 +69,7 @@ export const useMarkdown = (defaultPrefix?: Ref<string> | string) => {
   const renderFromUTF8 = (content: string, prefix?: string) =>
     content
       ? md.render(content, {
-          docId: defaultPrefix ? toValue(defaultPrefix) : prefix ?? ''
+          docId: defaultPrefix ? toValue(defaultPrefix) : (prefix ?? '')
         })
       : ''
 

src/styles/app.css

@@ -70,14 +70,15 @@ a {
   transition: cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s;
 }
 
-.table-wrapper {
-  overflow-x: auto;
-}
-
 .btn {
   font-size: 1rem;
 }
 
+.table,
+.table :where(thead, tfoot) {
+  font-size: 1em;
+}
+
 @media print {
 
   html,