thohlt/thiloho.github.io
1
0
Fork 0
mirror of https://github.com/thiloho/thiloho.github.io.git synced 2025-11-22 10:21:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Set styles for mobile press events

Browse Source
This commit is contained in:
thiloho
2025-04-29 04:48:36 +02:00
parent 25c95db4c1
commit b6b9f757a6
7 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/TableOfContents.astro
View File

@@ -14,7 +14,7 @@ const { headings } = Astro.props;
>
<summary
title="Table of contents"
class="mx-auto flex w-fit cursor-pointer list-none border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
class="mx-auto flex w-fit cursor-pointer list-none border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 active:bg-blue-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700 active:dark:bg-blue-900"
>
<Icon name="book" />
</summary>
@@ -30,7 +30,7 @@ const { headings } = Astro.props;
.map(({ slug, text }) => (
<li>
<a
class="block px-2 py-1 text-center text-blue-800 hover:underline dark:text-blue-300"
class="block px-2 py-1 text-center text-blue-800 hover:underline active:bg-blue-100 dark:text-blue-300 active:dark:bg-blue-900"
href={`#${slug}`}
aria-labelledby={`Section: ${slug}`}
>