SebinNyshkim/character-ref
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ overhaul gallery component (styles, indicators, a11y)

Browse source
This commit is contained in:
Sebin Nyshkim 2025-04-12 06:08:49 +02:00
parent bbf08a98cd
commit 8d95b82b89
3 changed files with 208 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/icon.webc
View file

@ -322,6 +322,30 @@
/>
</svg>
<svg
webc:elseif="icon === 'chevron-left'"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512"
>
<!-- !Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. -->
<path
d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"
/>
</svg>
<svg
webc:elseif="icon === 'chevron-right'"
aria-hidden="true"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 320 512"
>
<!-- !Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc. -->
<path
d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"
/>
</svg>
<style>
svg {
width: 100%;

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Before After
Before After