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

7
src/components/ref-img.webc
View file

@ -17,13 +17,17 @@
<style>
.ref-image {
display: grid;
grid-template-rows: 1fr auto;
grid-template-rows: [image-start] 1fr [image-end caption-start] auto [caption-end];
place-content: center;
row-gap: 1rem;
margin-block: 0;
margin-inline: auto;
& :first-child {
grid-area: image;
}
& img {
display: block;
width: 100%;
@ -38,6 +42,7 @@
}
& .caption {
grid-area: caption;
text-align: center;
}
}