Peaceultime
/
obsidian-visualiser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Visual improvement in H1-6 proses and regular blockquotes

This commit is contained in:
Peaceultime 2024-09-02 19:23:32 +02:00
parent 175f6c3fcb
commit 77aea62bfa
7 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/prose/ProseBlockquote.vue
View File

@ -26,7 +26,7 @@ function toggle() {
blockquote:not(.callout) blockquote:not(.callout)
{ {
@apply ps-4; @apply ps-4;
@apply my-2; @apply my-4;
@apply relative; @apply relative;
@apply before:absolute; @apply before:absolute;
@apply before:-top-1; @apply before:-top-1;

2
components/prose/ProseH1.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<h1 :id="parseId(id)" class="text-3xl font-semibold my-3 first:pt-0 pt-2"> <h1 :id="parseId(id)" class="text-5xl font-thin mt-3 mb-8 first:pt-0 pt-2 relative right-8">
<slot /> <slot />
</h1> </h1>
</template> </template>

2
components/prose/ProseH2.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<h2 :id="parseId(id)" class="text-2xl font-semibold my-3 ms-1 first:pt-0 pt-2"> <h2 :id="parseId(id)" class="text-4xl font-semibold mt-3 mb-6 ms-1 first:pt-0 pt-2 relative right-8">
<slot /> <slot />
</h2> </h2>
</template> </template>

2
components/prose/ProseH3.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<h3 :id="parseId(id)" class="text-xl font-semibold my-2 ms-4"> <h3 :id="parseId(id)" class="text-2xl font-bold mt-2 mb-4">
<slot /> <slot />
</h3> </h3>
</template> </template>

2
components/prose/ProseH4.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<h4 :id="parseId(id)" class="text-lg font-semibold my-2 ms-4"> <h4 :id="parseId(id)" class="text-xl font-semibold my-2" style="font-variant: small-caps;">
<slot /> <slot />
</h4> </h4>
</template> </template>

2
components/prose/ProseH5.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<h5 :id="parseId(id)" class="text-base font-semibold my-1 ms-4"> <h5 :id="parseId(id)" class="text-lg font-semibold my-1">
<slot /> <slot />
</h5> </h5>
</template> </template>

2
pages/explorer/[projectId]/[...slug].vue
View File

@ -18,7 +18,7 @@ definePageMeta({
</Head> </Head>
<div class="flex-1 flex overflow-hidden"> <div class="flex-1 flex overflow-hidden">
<template v-if="!!content && content[0] && content[0].type == 'Markdown' && !!content[0].content"> <template v-if="!!content && content[0] && content[0].type == 'Markdown' && !!content[0].content">
<div> <div class="px-24 my-1">
<ProseH1>{{ content[0].title }}</ProseH1> <ProseH1>{{ content[0].title }}</ProseH1>
<Markdown v-model="content[0].content"></Markdown> <Markdown v-model="content[0].content"></Markdown>
</div> </div>