diff --git a/src/app.html b/src/app.html index d13ed15..38dd61c 100644 --- a/src/app.html +++ b/src/app.html @@ -11,6 +11,9 @@ %sveltekit.head% -
%sveltekit.body%
+
%sveltekit.body%
diff --git a/src/lib/components/Reader/MangaPage.svelte b/src/lib/components/Reader/MangaPage.svelte index bbc9a13..9e6b690 100644 --- a/src/lib/components/Reader/MangaPage.svelte +++ b/src/lib/components/Reader/MangaPage.svelte @@ -9,7 +9,10 @@ $: url = src ? `url(${URL.createObjectURL(src)})` : ''; + let legacy: HTMLElement | null; + onMount(() => { + legacy = document.getElementById('popupAbout'); zoomDefault(); return () => { @@ -19,6 +22,12 @@ }; }); + $: { + if (legacy) { + legacy.style.backgroundImage = url; + } + } + afterUpdate(() => { zoomDefault(); }); diff --git a/src/lib/components/Reader/TextBoxes.svelte b/src/lib/components/Reader/TextBoxes.svelte index 8177997..fb0c4de 100644 --- a/src/lib/components/Reader/TextBoxes.svelte +++ b/src/lib/components/Reader/TextBoxes.svelte @@ -76,9 +76,9 @@ } -{#each textBoxes as { fontSize, height, left, lines, top, width, writingMode }, index (`text-box-${index}`)} +{#each textBoxes as { fontSize, height, left, lines, top, width, writingMode }, index (`textBox-${index}`)}
- .text-box { + .textBox { color: black; padding: 0; position: absolute; @@ -111,13 +111,13 @@ z-index: 11; } - .text-box:focus, - .text-box:hover { + .textBox:focus, + .textBox:hover { background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0); } - .text-box p { + .textBox p { display: none; white-space: nowrap; letter-spacing: 0.1em; @@ -128,8 +128,8 @@ z-index: 11; } - .text-box:focus p, - .text-box:hover p { + .textBox:focus p, + .textBox:hover p { display: table; }