midou/midou36o.github.io
1
0
Fork 0
mirror of https://github.com/midou36o/midou36o.github.io synced 2026-04-10 06:47:00 +05:30
Code Actions Packages Projects Releases Activity

Make mobile more bearable for blogs.

Browse Source
This commit is contained in:
Midou36O
2024-02-10 13:09:49 +01:00
parent dfc9c8e4fa
commit 5a61dbb4d8
3 changed files with 15 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/blog/+post.svelte
View File

@@ -3,7 +3,9 @@
export { Components };
</script>
<div class="blog mt-8 leading-loose text-lg text-gray-700 dark:text-gray-300">
<div
class="blog pl-50 w-70% md:pl-30 md:w-80% lg:pl-0 lg:w-100% beak-normal mt-8 leading-loose text-lg text-gray-700 dark:text-gray-300"
>
<slot />
</div>
@@ -78,7 +80,7 @@
background-color: #282a36;
}
.blog :global(code) {
@apply rounded-1 p-2;
@apply rounded-1 'md:p-2' p-0 text-left;
}
.blog :global(kbd) {
@apply rounded-1 p-2;
@@ -87,7 +89,7 @@
@apply rounded-1 p-2;
}
.blog :global(pre) {
@apply rounded-1 p-2;
@apply rounded-1 'md:p-2' text-left p-0 'w-100%' overflow-x-auto;
}
.blog :global(.prose) {
@apply prose;