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

Rework page spacing for mobile

This commit is contained in:
Peaceultime 2024-09-03 13:14:42 +02:00
parent 4efc0afffb
commit c091a6d261
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/prose/ProseH1.vue
View File

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

2
layouts/explorer.vue
View File

@ -38,7 +38,7 @@ function toggleNavigation(bool?: boolean)
<p>Copyright Peaceultime - 2024</p> <p>Copyright Peaceultime - 2024</p>
</div> </div>
</div> </div>
<div class="flex-1 flex items-baseline overflow-auto p-8 relative"> <div class="flex-1 flex items-baseline overflow-auto py-8 sm:px-8 px-4 relative">
<slot></slot> <slot></slot>
</div> </div>
</div> </div>

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 class="md:px-24 ps-8 my-1"> <div class="md:px-24 ps-8 my-1 whitespace-break-spaces">
<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>