📱 (note) overflow on x

src/components/FluxNote.vue

@@ -168,7 +168,7 @@ $header-height: 40px;
     flex-wrap: wrap;
 
     .note {
-      width: 100%;
+      width: 100vw;
     }
   }
 }

src/components/StackedNote.vue

@@ -12,7 +12,7 @@
         {{ title }}
       </a>
     </div>
-    <section v-html="content"></section>
+    <section class="note-content" v-html="content"></section>
   </div>
 </template>
 
@@ -105,6 +105,13 @@ $border-color: rgba(18, 19, 58, 0.2);
 
     section {
       padding: 1rem 0 2rem;
+      overflow-x: auto;
+    }
+
+    .note-content {
+      .table {
+        overflow-x: auto;
+      }
     }
   }
 }

src/hooks/useMarkdown.hook.ts

@@ -11,7 +11,7 @@ const md = new MarkdownIt({
   h4: ['title', 'is-5'],
   h5: ['title', 'is-6'],
   h6: ['title', 'is-6'],
-  table: ['table', 'is-striped', 'is-hoverable', 'is-fullwidth']
+  table: ['table', 'is-striped', 'is-hoverable']
 })
 
 export const useMarkdown = () => {