style: fix some widths on blog article page

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

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. 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. 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. 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.

View file

@ -23,7 +23,7 @@
reverseDateAndRest reverseDateAndRest
/> />
</div> </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" /> <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> <figcaption class="mt-2 text-center text-muted-foreground">{doc.image.caption}</figcaption>
</figure> </figure>

View file

@ -53,6 +53,7 @@
} }
table { table {
@apply max-w-3xl xl:max-w-5xl;
font-size: 1rem; font-size: 1rem;
text-align: left; text-align: left;
caption-side: bottom; caption-side: bottom;
@ -161,6 +162,6 @@
height: 1em; height: 1em;
} }
.hljs { .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;
} }
} }