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

refactor: Improve code formatting in ReadProgressBar

Browse Source
This commit is contained in:
Gauthier Daniels 2025-04-23 15:53:21 +02:00
parent 67c9732ee5
commit 6031b88792
1 changed files with 31 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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>
); );
} }