Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling improvements

Browse Source
This commit is contained in:
Michael Freno
2025-12-29 00:08:55 -05:00
parent 692f568fd4
commit a7455bf9b1
2 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/blog/PostBodyClient.tsx
View File

@@ -274,7 +274,7 @@ export default function PostBodyClient(props: PostBodyClientProps) {
}); });
return ( return (
<div class="mx-auto max-w-4xl px-4 pt-32 md:pt-40"> <div class="mx-auto max-w-4xl px-4">
<div <div
id="post-content-body" id="post-content-body"
ref={contentRef} ref={contentRef}

21
src/routes/blog/[title]/index.tsx
View File

@@ -351,11 +351,13 @@ export default function PostPage() {
}} }}
/> />
<div class="fixed top-1/3 z-50 m-auto w-full px-4 text-center tracking-widest text-white backdrop-blur-md select-text text-shadow-lg backdrop:brightness-50 md:w-[calc(100vw-500px)]"> <div class="fixed top-1/3 z-50 m-auto w-full px-4 text-center tracking-widest text-white backdrop-blur-md select-text text-shadow-lg backdrop:brightness-50 md:w-[calc(100vw-500px)]">
<div class="text-3xl font-semibold tracking-widest"> <div class="py-8 text-3xl font-semibold tracking-widest">
{p().title.replaceAll("_", " ")} {p().title.replaceAll("_", " ")}
<div class="py-8 text-xl font-light tracking-widest"> <Show when={p().subtitle}>
{p().subtitle} <div class="py-8 text-xl font-light tracking-widest">
</div> {p().subtitle}
</div>
</Show>
</div> </div>
</div> </div>
</div> </div>
@@ -363,7 +365,7 @@ export default function PostPage() {
<div class="z-10 pt-80 backdrop-blur-[0.01px] sm:pt-96 md:pt-[50vh]"> <div class="z-10 pt-80 backdrop-blur-[0.01px] sm:pt-96 md:pt-[50vh]">
{/* Content that slides over the fixed image */} {/* Content that slides over the fixed image */}
<div class="bg-base relative pb-24"> <div class="bg-base relative pb-24">
<div class="top-4 flex w-full flex-col justify-center md:absolute md:flex-row md:justify-between"> <div class="flex w-full flex-col justify-center pt-8 md:flex-row md:justify-between">
<div class=""> <div class="">
<div class="flex justify-center italic md:justify-start md:pl-24"> <div class="flex justify-center italic md:justify-start md:pl-24">
<div> <div>
@@ -441,7 +443,14 @@ export default function PostPage() {
</div> </div>
</div> </div>
</div> </div>
<div class="py-8 text-center text-2xl font-semibold tracking-widest">
{p().title.replaceAll("_", " ")}
<Show when={p().subtitle}>
<div class="py-8 text-xl font-light tracking-widest">
{p().subtitle}
</div>
</Show>
</div>
{/* Post body */} {/* Post body */}
<PostBodyClient <PostBodyClient
body={p().body} body={p().body}