fix: fix height on mobile

This commit is contained in:
Julien Calixte
2026-04-29 10:34:46 +02:00
parent 86866e7d77
commit adb1bd5945
7 changed files with 114 additions and 40 deletions

View File

@@ -13,7 +13,11 @@ import { useFile } from "@/hooks/useFile.hook"
import { useGitHubContent } from "@/hooks/useGitHubContent.hook"
import { useImages } from "@/hooks/useImages.hook"
import { useLinks } from "@/hooks/useLinks.hook"
import { renderCodeFile, runMermaid, useShikiji } from "@/hooks/useMarkdown.hook"
import {
renderCodeFile,
runMermaid,
useShikiji
} from "@/hooks/useMarkdown.hook"
import { getFileLanguage, isMarkdownPath } from "@/utils/fileLanguage"
import { useNoteOverlay } from "@/hooks/useNoteOverlay.hook"
import { useRouteQueryStackedNotes } from "@/hooks/useRouteQueryStackedNotes.hook"
@@ -54,7 +58,9 @@ const {
getEditedSha
} = useFile(sha)
const initialRawContent = ref<string | null>(null)
const isMarkdown = computed(() => (path.value ? isMarkdownPath(path.value) : true))
const isMarkdown = computed(() =>
path.value ? isMarkdownPath(path.value) : true
)
const displayedContent = ref("")
watch(
@@ -237,7 +243,11 @@ watch(mode, async (newMode) => {
<div v-if="mode === 'edit' && isMarkdown" class="edit">
<edit-note v-model="rawContent" />
</div>
<div v-if="mode === 'read'" class="note-content" v-html="displayedContent"></div>
<div
v-if="mode === 'read'"
class="note-content"
v-html="displayedContent"
></div>
</section>
<linked-notes v-if="hasBacklinks && content" :sha="sha" />
</div>

View File

@@ -533,8 +533,8 @@ const showReviewCard = computed(
means.
</p>
<p>
Rule of thumb: write the title as the claim, and the body
as the argument.
Rule of thumb: write the title as the claim, and the body as
the argument.
</p>
</div>
<div class="note-backlinks">
@@ -562,14 +562,14 @@ const showReviewCard = computed(
<div class="note-body">
<p>
A <em>slip-box</em> of atomic notes wired together by links
instead of filed away in folders. Niklas Luhmann kept
ninety thousand of them in a wooden cabinet and wrote with
them, not just about them.
instead of filed away in folders. Niklas Luhmann kept ninety
thousand of them in a wooden cabinet and wrote with them,
not just about them.
</p>
<p>
Each <em>Zettel</em> earns its keep by being linked to.
Open one, follow a thread, end up somewhere you didn't plan
to go.
Each <em>Zettel</em> earns its keep by being linked to. Open
one, follow a thread, end up somewhere you didn't plan to
go.
</p>
</div>
<div class="note-backlinks">