youwen5/site
1
0
Fork 0
mirror of https://github.com/youwen5/site.git synced 2024-11-24 17:33:51 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: fix some widths on blog article page

Browse source
This commit is contained in:
Youwen Wu 2024-04-17 23:31:16 -07:00
parent 919f508dfd
commit d5f701a790
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
blog/2024/arch-setup/content.md
View file

@ -19,4 +19,3 @@ Here's the general gist of the main setup steps:
6. If you were successful in setting up the GPU drivers, you should now be able to enter Plasma with Wayland. For me, performance is much better and smoother, and I'm able to set up the display configurations that I want without weird `xrander` hacks. However, at this point, Wayland is still super problematic, and even more setup will need to be done.
7. Set the environment variable to tell all electron apps to use native Wayland instead of xwayland. This will stop weird behavior in discord, vscode, obsidian. etc.
8. Enable the experimental Nvidia kernel flag to preserve the entire video memory on suspend. This will allow you to use suspend properly and not break everything.

2
src/lib/components/Blog/Article.svelte
View file

@ -23,7 +23,7 @@
reverseDateAndRest
/>
</div>
<figure class="w-[80%]">
<figure class="w-full lg:w-[80%]">
<img src={doc.image.src} alt={doc.image.alt} class="rounded-xl shadow-md" />
<figcaption class="mt-2 text-center text-muted-foreground">{doc.image.caption}</figcaption>
</figure>

3
src/lib/styles/markdown.pcss
View file

@ -53,6 +53,7 @@
}
table {
@apply max-w-3xl xl:max-w-5xl;
font-size: 1rem;
text-align: left;
caption-side: bottom;
@ -161,6 +162,6 @@
height: 1em;
}
.hljs {
@apply my-4 rounded-xl shadow-lg max-w-3xl overflow-x-auto;
@apply my-4 rounded-xl shadow-lg max-w-3xl xl:max-w-5xl overflow-x-auto;
}
}