eggy/public
1
0
Fork 0
Code Issues 7 Pull Requests 1 Releases Wiki Activity

feat: break words if there is no space

Browse Source 
Resoves #20
This commit is contained in:
eggy 2024-02-29 18:50:08 -05:00
parent 2ad9e41c8b
commit 0147fbbf23
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pages/[...slug].vue
View File

@ -12,8 +12,8 @@ const doc = await queryContent<AnyParsedContent>(route.path).findOne();
const type = route.path.startsWith("/stories") const type = route.path.startsWith("/stories")
? "stories" ? "stories"
: route.path.startsWith("/blog") : route.path.startsWith("/blog")
? "blog" ? "blog"
: "unknown"; : "unknown";
const descText = const descText =
type === "stories" type === "stories"
@ -27,7 +27,7 @@ const captionText =
<template> <template>
<main class="container prose dark:prose-invert w-full"> <main class="container prose dark:prose-invert w-full">
<p class="m-0 uppercase font-mono text-sm" v-if="captionText !== ''"> <p class="m-0 uppercase font-mono text-sm" v-if="captionText">
{{ captionText }} {{ captionText }}
</p> </p>
<h1 class="m-0">{{ doc.title }}</h1> <h1 class="m-0">{{ doc.title }}</h1>
@ -67,6 +67,10 @@ const captionText =
max-width: 80ch; max-width: 80ch;
width: 90%; width: 90%;
} }
.container h1 {
overflow-wrap: break-word;
}
} }
* { * {