breadone/BreadnetV3
Archived
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

set post image width to 90% for nicer readability

Browse Source
This commit is contained in:
June
2025-11-14 18:33:59 +13:00
parent dbfb8d8e3b
commit 8b8d03f2cf
3 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/post/toc.astro
View File

@@ -4,7 +4,9 @@
<div id="toc-container" class="hidden"> <div id="toc-container" class="hidden">
<p class="text-lg mt-4">Table of Contents</p> <p class="text-lg mt-4">Table of Contents</p>
<ul id="toc" class="text-md"/> <ul id="toc" class="text-md">
<a href="#" class="b1-no-underline ml-3">[top]</a>
</ul>
</div> </div>
<script> <script>

10
web/src/pages/posts/[slug].astro
View File

@@ -38,13 +38,15 @@ const readTime = calcReadTime(wordCount);
</div> </div>
<div slot="content" class="py-12"> <div id="post-content" slot="content" class="py-12">
<Fragment set:html={content} /> <Fragment set:html={content} />
</div> </div>
<style> <style is:global>
img { #post-content img {
margin-inline: calc(var(--spacing) * 4); width: 90%;
margin-inline: auto;
display: block;
} }
</style> </style>