Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-04-24 06:58:10 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add previewable art hover effect

Browse Source
This commit is contained in:
Kalle 2023-07-09 21:02:32 +03:00
parent 62448c83cb
commit d8bcf19dc4
2 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/features/art/components/ArtGrid.tsx
View File

@ -130,6 +130,7 @@ function ImagePreview({
loading="lazy"
onClick={onClick}
onLoad={() => setImageLoaded(true)}
className={enablePreview ? "art__thumbnail" : undefined}
/>
);

9
app/styles/common.css
View File

@ -1143,6 +1143,15 @@ dialog::backdrop {
flex-direction: column;
}
.art__thumbnail {
cursor: pointer;
transition: all 0.2s ease;
}
.art__thumbnail:hover {
scale: 1.025;
}
.art__dialog__image-container:focus-visible {
outline: none;
}