brandan/personal-website
1
0
Fork 0
Code Pull requests Activity

fix styling bug

Browse source
This commit is contained in:
cirroskais 2024-04-21 08:27:18 -04:00
parent e335faa7a7
commit 3d8927577a
No known key found for this signature in database
GPG key ID: 5FC73EBF2678E33D
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/blog/[slug]/+page.svelte
View file

@ -2,8 +2,6 @@
import { onMount } from 'svelte';
import SvelteMarkdown from 'svelte-markdown';
import { fade } from 'svelte/transition';
import Image from '$lib/components/Image.svelte';
import blog from '$lib/blog.json';
export let data;
@ -18,8 +16,8 @@
});
</script>
<div class="flex flex-col mx-auto space-y-2">
<div class="mx-auto w-full max-w-[65ch]">
<div class="flex flex-col mx-auto space-y-2 max-w-[65ch]">
<div class="mx-auto w-full">
<div
class="h-[10rem] w-full rounded-lg aspect-video bg-gray-500/10"
style="background-image: url({thisPost?.image});
@ -36,10 +34,10 @@
</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}
<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>
</article>
{/key}