Fork of Chiri for Astro for my blog
chore(ui): tweak post styling
+4
-3
+2
-2
src/components/ui/BackButton.astro
+2
-2
src/components/ui/BackButton.astro
···
45
45
const margin = (pageWidth - finalWidthValue * 16) / 2
46
46
const baseMinSpace = 11 * 16 // Base minimum space needed
47
47
// If toc is enabled, need additional 2.5rem (40px) space
48
-
const minSpace = toc ? baseMinSpace + 40 : baseMinSpace
48
+
const minSpace = toc ? baseMinSpace + 52 : baseMinSpace + 12
49
49
50
50
// Position button fixed on the left if there's enough space
51
51
if (margin >= minSpace) {
···
109
109
position: fixed;
110
110
top: 6rem;
111
111
margin-bottom: 0;
112
-
padding-left: 1rem;
112
+
padding-left: 0.75rem;
113
113
z-index: 10;
114
114
}
115
115
</style>
+2
-1
src/components/ui/TableOfContents.astro
+2
-1
src/components/ui/TableOfContents.astro
···
108
108
const pageWidth = window.innerWidth
109
109
const contentWidthValue = Math.max(parseFloat(contentWidth), 25)
110
110
const margin = (pageWidth - contentWidthValue * 16) / 2
111
-
const minSpace = toc ? 216 : 176
111
+
const baseMinSpace = 11 * 16 // Base minimum space needed
112
+
const minSpace = toc ? baseMinSpace + 52 : baseMinSpace + 12
112
113
113
114
if (margin >= minSpace) {
114
115
state.container.style.display = 'block'