Add id to news on index page

sycamore-rs · Oct 19, 2024 · a36816c · a36816c
1 parent 8d4a3bd
commit a36816c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/assets/index.scss b/assets/index.scss
@@ -8,4 +8,8 @@
   body {
     @apply scroll-smooth;
   }
+
+  * {
+    @apply scroll-mt-12;
+  }
 }
diff --git a/src/pages/book.rs b/src/pages/book.rs
@@ -53,7 +53,7 @@ fn BookBody(section: String, #[prop(!optional)] doc: Option<String>) -> View {
             div(class="flex-none w-44 pt-8 pb-5 px-2 space-y-2 text-sm sticky top-12 max-h-[calc(100vh-3rem)] overflow-y-auto block -ml-44 sm:ml-0") {
                 BookSidebar(section=section, doc=doc)
             }
-            div(class="grow-0 min-w-0 px-2 pt-5 pb-10 prose md:w-[80ch] prose-headings:scroll-mt-12") {
+            div(class="grow-0 min-w-0 px-2 pt-5 pb-10 prose md:w-[80ch]") {
                 mdsycx::MDSycX(body=parsed.body)
 
                 div(class="mt-6 mr-2 text-right") {

diff --git a/src/pages/index.rs b/src/pages/index.rs
@@ -145,17 +145,17 @@ fn Counter(initial: i32) -> View {
             }
 
 
-            SectionHeading(content="News")
+            SectionHeading(content="News", id="news")
             NewsList {}
         }
     }
 }
 
 #[cfg_ssr]
 #[component(inline_props)]
-fn SectionHeading(content: &'static str) -> View {
+fn SectionHeading(content: &'static str, #[prop(attributes(html, h2))] attributes: Attributes) -> View {
     view! {
-        h2(class="text-4xl text-center font-bold mt-20 mb-5") {
+        h2(class="text-4xl text-center font-bold mt-20 mb-5", ..attributes) {
             (content)
         }
     }
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,4 +8,8 @@ @@
       body {
         @apply scroll-smooth;
       }
+      * {
+        @apply scroll-mt-12;
+      }
     }