style: enhance overlay styling and adjust close button positioning

v3.7.6 - Hungarian Translation

src/locales/hu/translation.json

@@ -22,7 +22,7 @@
     "downloading": "{{title}} ({{percentage}} - Letöltés…)",
     "filter": "Könyvtár szűrése",
     "home": "Főoldal",
-    "queued": "A(z) {{title}} (Várakozósorban van)",
+    "queued": "{{title}} (Várakozásban)",
     "game_has_no_executable": "A játékhoz nincs tallózva futtatható fájl",
     "sign_in": "Bejelentkezés",
     "friends": "Barátok",
@@ -94,6 +94,12 @@
   "header": {
     "search": "Keresés",
     "search_library": "Könyvtár böngészése",
+    "recent_searches": "Korábbi Keresések",
+    "suggestions": "Találatok",
+    "clear_history": "Törlés",
+    "remove_from_history": "Törlés az előzményekből",
+    "loading": "Töltés...",
+    "no_results": "Nincs találat",
     "home": "Főoldal",
     "catalogue": "Katalógus",
     "library": "Könyvtár",
@@ -109,6 +115,7 @@
     "downloading": "{{title}} letöltése… ({{percentage}} kész) - Befejezés {{eta}} - {{speed}}",
     "calculating_eta": "{{title}} letöltése… ({{percentage}} kész) - Hátralévő idő…",
     "checking_files": "A(z) {{title}} fájljaiból… ({{percentage}} kész)",
+    "extracting": "{{title}} kicsomagolása… ({{percentage}} kicsomagolva)",
     "installing_common_redist": "{{log}}…",
     "installation_complete": "Telepítés befejezve",
     "installation_complete_message": "A(z) Alapvető segédprogramok sikeresen telepítve"
@@ -165,7 +172,7 @@
     "playing_now": "Játékban: ",
     "change": "Változtatás",
     "repacks_modal_description": "Válaszd ki a repacket amit leszeretnél tölteni",
-    "select_folder_hint": "A letöltési mappát a <0>Beállítások</0> menüjében változtathatod meg",
+    "select_folder_hint": "A letöltési mappát a <0>Beállításokban</0> változtathatod meg",
     "download_now": "Letöltés",
     "no_shop_details": "A bolt adatai nem érhetőek el.",
     "download_options": "Letöltési opciók",
@@ -196,6 +203,7 @@
     "danger_zone_section_description": "Itt eltávolítható a játék a könyvtáradból, vagy a fájlok amelyek a Hydra által lettek letöltve",
     "download_in_progress": "Letöltés folyamatban",
     "download_paused": "Letöltés szüneteltetve",
+    "extracting": "Kicsomagolás",
     "last_downloaded_option": "Utoljára letöltött",
     "new_download_option": "Új",
     "create_steam_shortcut": "Steam parancsikon létrehozása",
@@ -397,7 +405,7 @@
     "delete_modal_description": "Ez eltávolítja a telepítési fájlokat a számítógépedről",
     "install": "Telepít",
     "download_in_progress": "Folyamatban lévő",
-    "queued_downloads": "Várakozósoron lévő letöltések",
+    "queued_downloads": "Várakozásban lévő letöltések",
     "downloads_completed": "Befejezett",
     "queued": "Várakozásban",
     "no_downloads_title": "Oly üres..",
@@ -408,7 +416,11 @@
     "resume_seeding": "Seedelés folytatása",
     "options": "Kezelés",
     "extract": "Fájlok kibontása",
-    "extracting": "Fájlok kibontása…"
+    "extracting": "Fájlok kibontása…",
+    "delete_archive_title": "Szeretnéd törölni ezt a fájlt? {{fileName}}",
+    "delete_archive_description": "A tömörített fájl ki lett csomagolva, s többé nincs rá szükség. ",
+    "yes": "Igen",
+    "no": "Nem"
   },
   "settings": {
     "downloads_path": "Letöltési útvonalak",
@@ -669,7 +681,7 @@
     "no_blocked_users": "Nincs letiltott felhasználó",
     "friend_code_copied": "Barát kód kimásolva",
     "undo_friendship_modal_text": "Ezáltal megszünteted a barátságod vele: {{displayName}}",
-    "privacy_hint": "Hogy beállítsd ki láthassa ezt, menj a <0>Beállítások</0> menüjébe",
+    "privacy_hint": "Hogy beállítsd ki láthassa ezt, menj a <0>Beállításokba</0>",
     "locked_profile": "Ez a profil privát",
     "image_process_failure": "Hiba a kép feldolgozása közben",
     "required_field": "Ez a mező kötelező",

src/renderer/src/components/fullscreen-media-modal/fullscreen-media-modal.scss

@@ -1,5 +1,21 @@
 @use "../../scss/globals.scss";
 
+.fullscreen-media-modal__overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgba(0, 0, 0, 0.8);
+  backdrop-filter: blur(2px);
+  z-index: globals.$backdrop-z-index;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  margin: 0;
+}
+
 .fullscreen-media-modal {
   display: flex;
   justify-content: center;
@@ -7,12 +23,17 @@
   width: 100%;
   height: 100%;
   position: relative;
-  background-color: rgba(0, 0, 0, 0.5);
+  margin: 0;
+  padding: 0;
+  border: none;
+  background: transparent;
+  max-width: none;
+  max-height: none;
 
   &__close-button {
     position: absolute;
-    top: calc(globals.$spacing-unit * 4);
-    right: calc(globals.$spacing-unit * 3);
+    top: calc(globals.$spacing-unit * 5);
+    right: calc(globals.$spacing-unit * 4);
     cursor: pointer;
     color: globals.$body-color;
     background-color: rgba(0, 0, 0, 0.5);

src/renderer/src/components/fullscreen-media-modal/fullscreen-media-modal.tsx

@@ -3,7 +3,6 @@ import { createPortal } from "react-dom";
 import { XIcon } from "@primer/octicons-react";
 import { useTranslation } from "react-i18next";
 
-import { Backdrop } from "../backdrop/backdrop";
 import "./fullscreen-media-modal.scss";
 
 export interface FullscreenMediaModalProps {
@@ -64,7 +63,7 @@ export function FullscreenMediaModal({
   if (!visible || !src) return null;
 
   return createPortal(
-    <Backdrop>
+    <div className="fullscreen-media-modal__overlay">
       <dialog className="fullscreen-media-modal" open aria-label={alt}>
         <button
           type="button"
@@ -82,7 +81,7 @@ export function FullscreenMediaModal({
           <img src={src} alt={alt} className="fullscreen-media-modal__image" />
         </div>
       </dialog>
-    </Backdrop>,
+    </div>,
     document.body
   );
 }