feat: adjust align on wider images

hydralauncher · Sep 19, 2024 · e526c0f · e526c0f
1 parent 9791c31
commit e526c0f
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.css.ts b/src/renderer/src/pages/game-details/gallery-slider/gallery-slider.css.ts
@@ -19,6 +19,7 @@ export const gallerySliderMedia = style({
   flexGrow: "0",
   transition: "translate 0.3s ease-in-out",
   borderRadius: "4px",
+  alignSelf: "center",
 });
 
 export const gallerySliderAnimationContainer = style({
@@ -60,7 +61,6 @@ export const mediaPreviewButton = recipe({
   base: {
     cursor: "pointer",
     width: "20%",
-    height: "20%",
     display: "block",
     flexShrink: "0",
     flexGrow: "0",
@@ -84,7 +84,6 @@ export const mediaPreviewButton = recipe({
 
 export const mediaPreview = style({
   width: "100%",
-  height: "100%",
   display: "flex",
 });