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

better mobile support for blog posts

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

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

@ -18,8 +18,8 @@
}); });
</script> </script>
<div class="flex flex-col space-y-2 md:w-[65ch] mx-auto"> <div class="flex flex-col mx-auto space-y-2">
<div class="mx-auto w-full"> <div class="mx-auto w-full max-w-[65ch]">
<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,7 +36,7 @@
</div> </div>
</div> </div>
<span class="h-0.5 rounded-full bg-cirro"></span> <div class="h-1 rounded-full bg-cirro mx-auto w-full max-w-[65ch]"></div>
{#key markdown} {#key markdown}
<article in:fade class="mx-auto prose prose-sm sm:prose-base prose-invert"> <article in:fade class="mx-auto prose prose-sm sm:prose-base prose-invert">