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>

6
web/src/styles/global.css
View File

@@ -8,7 +8,7 @@
font-display: swap; font-display: swap;
src: url("/fonts/barnum-roman.ttf"); src: url("/fonts/barnum-roman.ttf");
} }
@font-face { @font-face {
font-family: Warbler; font-family: Warbler;
font-style: normal; font-style: normal;
@@ -32,12 +32,12 @@
@apply no-underline hover:underline; @apply no-underline hover:underline;
@apply decoration-(--accent); @apply decoration-(--accent);
} }
a { a {
@apply text-black underline decoration-black; @apply text-black underline decoration-black;
@apply hover:decoration-(--accent); @apply hover:decoration-(--accent);
} }
h2 { h2 {
@apply text-xl; @apply text-xl;
} }