fix(ui): fix anchor scroll from bottom to top

matschik · Mar 2, 2024 · 06f890a · 06f890a
1 parent 8118ca9
commit 06f890a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -241,13 +241,13 @@
 
                 {#each snippets.filter((s) => s.sectionId === section.sectionId) as snippet}
                   <div
+                    id={section.sectionId + "." + snippet.snippetId}
                     data-snippet-id={section.sectionId +
                       "." +
                       snippet.snippetId}
                   >
                     <!-- bg-[var(--bg-color)] -->
                     <h2
-                      id={snippet.snippetId}
                       class="header-anchor sticky py-2 top-[2.9531rem] z-10 bg-[var(--bg-color)]"
                     >
                       {snippet.title}

diff --git a/src/components/Aside.svelte b/src/components/Aside.svelte
@@ -86,7 +86,7 @@
             {#each snippets.filter((s) => s.sectionId === section.sectionId) as snippet}
               <li>
                 <a
-                  href={`#${snippet.snippetId}`}
+                  href={`#${section.sectionId + "." + snippet.snippetId}`}
                   class={c(
                     "inline-block w-full py-1.5 px-4 text-white hover:bg-gray-800 rounded hover:opacity-100 transition-opacity",
                     section.sectionId + "." + snippet.snippetId ===