fix styling bug
This commit is contained in:
parent
e335faa7a7
commit
3d8927577a
1 changed files with 4 additions and 6 deletions
|
@ -2,8 +2,6 @@
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
import SvelteMarkdown from 'svelte-markdown';
|
import SvelteMarkdown from 'svelte-markdown';
|
||||||
import { fade } from 'svelte/transition';
|
import { fade } from 'svelte/transition';
|
||||||
|
|
||||||
import Image from '$lib/components/Image.svelte';
|
|
||||||
import blog from '$lib/blog.json';
|
import blog from '$lib/blog.json';
|
||||||
|
|
||||||
export let data;
|
export let data;
|
||||||
|
@ -18,8 +16,8 @@
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="flex flex-col mx-auto space-y-2">
|
<div class="flex flex-col mx-auto space-y-2 max-w-[65ch]">
|
||||||
<div class="mx-auto w-full max-w-[65ch]">
|
<div class="mx-auto w-full">
|
||||||
<div
|
<div
|
||||||
class="h-[10rem] w-full rounded-lg aspect-video bg-gray-500/10"
|
class="h-[10rem] w-full rounded-lg aspect-video bg-gray-500/10"
|
||||||
style="background-image: url({thisPost?.image});
|
style="background-image: url({thisPost?.image});
|
||||||
|
@ -36,10 +34,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="h-1 rounded-full bg-cirro mx-auto w-full max-w-[65ch]"></div>
|
<div class="mx-auto w-full h-1 rounded-full bg-cirro"></div>
|
||||||
|
|
||||||
{#key markdown}
|
{#key markdown}
|
||||||
<article in:fade class="mx-auto prose prose-sm sm:prose-base prose-invert">
|
<article in:fade class="prose prose-sm sm:prose-base prose-invert">
|
||||||
<SvelteMarkdown source={markdown}></SvelteMarkdown>
|
<SvelteMarkdown source={markdown}></SvelteMarkdown>
|
||||||
</article>
|
</article>
|
||||||
{/key}
|
{/key}
|
||||||
|
|
Loading…
Reference in a new issue