external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add space between images inside preview and removed blank space of image preview

Browse source
This commit is contained in:
Matheus Dantas 2024-05-05 17:03:15 -03:00
parent f5f3c7412f
commit 94a7192c3e
2 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/renderer/src/pages/game-details/gallery-slider.tsx
View file

@ -110,7 +110,9 @@ export function GallerySlider({ gameDetails }: GallerySliderProps) {
} }
className={`${styles.gallerySliderMediaPreview} ${mediaIndex === i + (gameDetails.movies ? gameDetails.movies.length : 0) ? styles.gallerySliderMediaPreviewActive : ""}`} className={`${styles.gallerySliderMediaPreview} ${mediaIndex === i + (gameDetails.movies ? gameDetails.movies.length : 0) ? styles.gallerySliderMediaPreviewActive : ""}`}
src={image.path_full} src={image.path_full}
style={{ translate: `${-85 * mediaIndex}%` }} style={{
translate: `${mediaIndex >= mediaCount - 3 ? -85 * (mediaCount - 4) : -85 * mediaIndex}%`,
}}
/> />
) )
)} )}

1
src/renderer/src/pages/game-details/game-details.css.ts
View file

@ -135,6 +135,7 @@ export const gallerySliderMediaPreview = style({
flexShrink: 0, flexShrink: 0,
flexGrow: 0, flexGrow: 0,
opacity: 0.3, opacity: 0.3,
paddingRight: "0.5rem",
transition: "translate 300ms ease-in-out", transition: "translate 300ms ease-in-out",
":hover": { ":hover": {
opacity: 1, opacity: 1,