Modifier some css identifier

eerison · eerison · commit d896a0863fd6 · 2025-06-10T13:34:20.000+02:00
- Added .post class
- Moved #back-button to main div
diff --git a/src/components/BackButton.astro b/src/components/BackButton.astro
@@ -6,9 +6,11 @@ import { SITE } from "@/config";
 
 {
   SITE.showBackButton && (
-    <div class="mx-auto flex w-full max-w-app items-center justify-start px-2">
+    <div
+      id="back-button"
+      class="mx-auto flex w-full max-w-app items-center justify-start px-2"
+    >
       <LinkButton
-        id="back-button"
         href="/"
         class="focus-outline mt-8 mb-2 flex hover:text-foreground/75"
       >
diff --git a/src/layouts/PostDetails.astro b/src/layouts/PostDetails.astro
@@ -87,7 +87,7 @@ const nextPost =
   <main
     id="main-content"
     class:list={[
-      "mx-auto w-full max-w-app px-4 pb-12",
+      "post mx-auto w-full max-w-app px-4 pb-12",
       { "mt-8": !SITE.showBackButton },
     ]}
     data-pagefind-body

Original file line number	Diff line number	Diff line change
`@@ -6,9 +6,11 @@ import { SITE } from "@/config";`
`6`	`6`
`7`	`7`	`{`
`8`	`8`	`SITE.showBackButton && (`
`9`		`- <div class="mx-auto flex w-full max-w-app items-center justify-start px-2">`
	`9`	`+ <div`
	`10`	`+ id="back-button"`
	`11`	`+ class="mx-auto flex w-full max-w-app items-center justify-start px-2"`
	`12`	`+ >`
`10`	`13`	`<LinkButton`
`11`		`- id="back-button"`
`12`	`14`	`href="/"`
`13`	`15`	`class="focus-outline mt-8 mb-2 flex hover:text-foreground/75"`
`14`	`16`	`>`