Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rosary: add show/hide images toggle, fix PiP timing and breakpoint

Browse Source 
- Add "Bilder anzeigen" / "Show Images" toggle persisted to localStorage
- Bump mystery image column/PiP breakpoint from 900px to 1200px so
  prayers keep full width on medium screens
- Fix PiP not appearing on page load by splitting $effect and using
  tick() to wait for DOM before measuring element dimensions
- Fix Toggle checkbox default margin causing misalignment
This commit is contained in:
Alexander Bocken
2026-02-09 09:12:32 +01:00
parent a4738134fe
commit a5e119f976
2 changed files with 33 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/components/Toggle.svelte
View File

@@ -34,6 +34,7 @@
.toggle-wrapper input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
margin: 0;
width: 44px;
height: 24px;
background: var(--nord2);