diff --git a/App/css/style.css b/App/css/style.css index 956a879..78d77cb 100644 --- a/App/css/style.css +++ b/App/css/style.css @@ -111,7 +111,6 @@ img { background-color: #010114c7; background-position: center; background-repeat: no-repeat; - box-shadow: 0px 0px 10px #0006 inset; } .DIV_ACTIONS { top: 0px; @@ -141,6 +140,7 @@ img { position: absolute; background-color: #0000; height: calc(100% - 150px); + backdrop-filter: blur(10px); transition-timing-function: cubic-bezier(0,1,0,1); background-image: linear-gradient(0deg, #162a50e0, #2a4a86e0); } @@ -648,7 +648,7 @@ img { background-color: #0000; width: calc(100% - 12px); height: calc(100% - 12px); - backdrop-filter: blur(1.4px); + backdrop-filter: blur(10px); background-repeat: no-repeat; text-shadow: 2px 2px 2px #000; } diff --git a/App/img/404_BG.png b/App/img/404_BG.png index e0e8e33..27c9a07 100644 Binary files a/App/img/404_BG.png and b/App/img/404_BG.png differ diff --git a/App/index.htm b/App/index.htm index e41a20b..757544a 100644 --- a/App/index.htm +++ b/App/index.htm @@ -285,9 +285,6 @@ - -
-
@@ -312,6 +309,9 @@
+ +
+
diff --git a/App/js/design.js b/App/js/design.js index 2b19c92..f3622b1 100644 --- a/App/js/design.js +++ b/App/js/design.js @@ -216,27 +216,23 @@ temp_DESIGN = { } - // Fix for non-grid mode + // Fix for non-grid mode and add entry if (APP.settings.data.gameListMode !== 'grid'){ gameName = ``; } - - // Add entry tempHtml = `${tempHtml}
${gameBgAndIcon}
${gameName + gameMetadata}
`; }); - // Insert HTML + // Insert HTML and log status document.getElementById('DIV_LIST_INTERNAL').innerHTML = tempHtml; - - // Log status if (data.displayLog !== !1){ APP.log(APP.lang.getVariable('gameListLoadSuccessful', [Object.keys(gList).length])); } // Clear BG image - TMS.css('DIV_GAMELIST_BG', {'background-image': 'none'}); - TMS.css('DIV_GAME_DETAILS', {'display': 'none'}); + TMS.css('DIV_GAMELIST_BG', { 'background-image': 'none' }); + TMS.css('DIV_GAME_DETAILS', { 'display': 'none' }); // Focus search field and update GUI TMS.focus('INPUT_gameListSearch'); @@ -260,7 +256,7 @@ temp_DESIGN = { // Select game and update GUI APP.gameList.selectedGame = gameName; - APP.gameList.checkDumpStatus(); + APP.gameList.checkGameStatus(); // Check if game config exists if (APP.fs.existsSync(settingsFile) === !1){ @@ -353,7 +349,7 @@ temp_DESIGN = { // Update background image const sGame = APP.gameList.list[APP.gameList.selectedGame]; if (sGame !== '' && sGame !== void 0){ - TMS.css('DIV_GAMELIST_BG', { 'background-image': `url('file://${sGame.bg}')` }); + TMS.css('DIV_GAMELIST_BG', { 'background-image': `url(\"file://${sGame.bg}\")` }); } // Check if emu is present before allowing to run diff --git a/App/js/gamelist.js b/App/js/gamelist.js index 67e1576..3c2c35c 100644 --- a/App/js/gamelist.js +++ b/App/js/gamelist.js @@ -421,8 +421,8 @@ temp_GAMELIST = { }, - // Check dump status - checkDumpStatus: function(){ + // Check game status + checkGameStatus: function(){ // Declare main vars var cGameStatus = 'OK', diff --git a/App/js/language.js b/App/js/language.js index 1b86ed3..61d1dbd 100644 --- a/App/js/language.js +++ b/App/js/language.js @@ -121,7 +121,7 @@ temp_LANGUAGE = { "cGameCompatStatus_UNKNOWN": "Unknown", "cGameCompatStatus_NOTHING": "Nothing", "cGameCompatStatus_PLAYABLE": "Playable", - "warnUnableFindGameCompatDb": "WARN - Unable to find game compatibility for %VARIABLE_0% (%VARIABLE_1%) on fpPS4 game database!", + "warnUnableFindGameCompatDb": "WARN - Unable to find game compatibility status for %VARIABLE_0% (%VARIABLE_1%) on fpPS4 game database!", "warnUserOffline": "WARN - You are offline! Some features (like game compatibility status and fpPS4 updater) will not be available until you connect to the internet again." },