Merge pull request #995 from hydralauncher/fix/game-details-gallery-align

fix: game details gallery align

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -33,18 +33,11 @@ body:
     attributes:
       label: Additional information and data
       description: |
-        If possible, add screenshots and upload your logs file here.
+        Add screenshots and upload your logs file here.
         Logs location on Windows: "%appdata%/hydra"
         Logs location on Linux: "~/.config/hydra/"
     validations:
-      required: false
-  - type: textarea
-    id: screenshots
-    attributes:
-      label: Screenshots
-      description: If possible, add screenshots to help explain your problem.
-    validations:
-      required: false
+      required: true
   - type: input
     id: OS
     attributes:

build/installer.nsh

@@ -2,5 +2,6 @@
   ${ifNot} ${isUpdated}
     RMDir /r "$APPDATA\${APP_PACKAGE_NAME}"
     RMDir /r "$APPDATA\hydra"
+    RMDir /r "$LOCALAPPDATA\hydralauncher-updater"
   ${endIf}
 !macroend

src/main/services/hydra-api.ts

@@ -51,7 +51,10 @@ export class HydraApi {
       expirationTimestamp: tokenExpirationTimestamp,
     };
 
-    logger.log("Sign in received", this.userAuth);
+    logger.log(
+      "Sign in received. Token expiration timestamp:",
+      tokenExpirationTimestamp
+    );
 
     await userAuthRepository.upsert(
       {

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",
 });
 

src/renderer/src/pages/game-details/gallery-slider/gallery-slider.tsx

@@ -128,6 +128,7 @@ export function GallerySlider() {
                   src={image.path_full}
                   style={{ translate: `${-100 * mediaIndex}%` }}
                   alt={t("screenshot", { number: i + 1 })}
+                  loading="lazy"
                 />
               ))}