watzon
/
paste69
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix markdown padding

This commit is contained in:
Chris W 2023-10-08 19:11:12 -06:00
parent c2945e9fb2
commit e0d6c3a97c
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/[slug]/+page.svelte
View File

@ -7,6 +7,7 @@
import { markdown } from '$utils/markdown'; import { markdown } from '$utils/markdown';
import { getModalStore, getToastStore, type ModalSettings } from '@skeletonlabs/skeleton'; import { getModalStore, getToastStore, type ModalSettings } from '@skeletonlabs/skeleton';
import { sleep } from '$utils/index'; import { sleep } from '$utils/index';
import { ChevronRight } from 'svelte-tabler';
let codeRef: HTMLPreElement; let codeRef: HTMLPreElement;
@ -92,9 +93,12 @@
{#if renderMarkdown} {#if renderMarkdown}
<!-- prettier-ignore --> <!-- prettier-ignore -->
<div class="markdown text-xl max-w-[90ch] pb-24">{@html contents}</div> <div class="markdown text-xl max-w-[90ch] pl-12 pt-4 pb-24">{@html contents}</div>
<div class="absolute top-[23px] left-[5px]">
<ChevronRight />
</div>
{:else} {:else}
<pre class="pl-2 pt-5 pb-24 min-h-full max-w-full break-words whitespace-pre-line overflow-x-auto" bind:this={codeRef} on:dblclick={() => selectAll()} ><code>{@html contents}</code></pre> <pre class="pl-2 pt-4 pb-24 min-h-full max-w-full break-words whitespace-pre-line overflow-x-auto" bind:this={codeRef} on:dblclick={() => selectAll()} ><code>{@html contents}</code></pre>
{/if} {/if}
<div class="fixed bottom-0 right-0 w-full md:w-auto"> <div class="fixed bottom-0 right-0 w-full md:w-auto">