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

docs/html #25

Merged
GauthierWebDev merged 16 commits from docs/html into main 2025-05-13 13:37:11 +00:00
Conversation 0 Commits 16 Files Changed 16 +31 -38
1 changed files with 31 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 6031b88792 - Show all commits

13
app/partials/ReadProgressBar.tsx
View File

@ -1,8 +1,7 @@
import { createEffect, createSignal } from "solid-js"; import { createEffect, createSignal } from "solid-js";
export function ReadProgressBar() { export function ReadProgressBar() {
const articleContentElement: HTMLElement | null = const articleContentElement: HTMLElement | null = document.getElementById("article-content");
document.getElementById("article-content");
if (!articleContentElement) return null; if (!articleContentElement) return null;
const [width, setWidth] = createSignal("0%"); const [width, setWidth] = createSignal("0%");
@ -38,14 +37,8 @@ export function ReadProgressBar() {
}); });
return ( return (
<div <div aria-hidden="true" class="fixed inset-x-0 bottom-0 lg:top-0 z-50 h-1 w-full bg-violet-50 pointer-events-none">
aria-hidden="true" <div class="bg-violet-300 h-full transition-all duration-300 ease-out" style={{ width: width() }} />
class="fixed inset-x-0 bottom-0 lg:top-0 z-50 h-1 w-full bg-violet-50 pointer-events-none"
>
<div
class="bg-violet-300 h-full transition-all duration-300 ease-out"
style={{ width: width() }}
/>
</div> </div>
); );
} }