fix: fix height on mobile

src/hooks/useMarkdown.hook.ts

@@ -85,7 +85,8 @@ const md = new MarkdownIt({
     },
     closeRender: () => "</div>\n",
     tabOpenRender: (data: MarkdownItTabData) => {
-      const isChecked = data.isActive || (!currentTabActiveSet && data.index === 0)
+      const isChecked =
+        data.isActive || (!currentTabActiveSet && data.index === 0)
       const checked = isChecked ? " checked" : ""
       const title = data.title.replace(/"/g, "&quot;")
       return `<input type="radio" name="md-tabs-${currentTabGroup}" class="tab" aria-label="${title}"${checked}>\n<div class="tab-content bg-base-100 border-base-300 rounded-box p-2">\n`

src/hooks/useResizeContainer.hook.ts

@@ -19,7 +19,7 @@ export const useResizeContainer = (
     }
 
     if (isMobile.value) {
-      container.style.height = `${(stackedNotes.value.length + 1) * 100}vh`
+      container.style.height = `${(stackedNotes.value.length + 1) * 100}dvh`
     } else {
       container.style.minWidth = `${
         getNoteWidth() * (stackedNotes.value.length + 1)