Code: small fixes

This commit is contained in:
themitosan 2024-02-25 23:21:12 -03:00
parent 597eac1be3
commit 9ac9d3ea40
6 changed files with 14 additions and 18 deletions

View file

@ -111,7 +111,6 @@ img {
background-color: #010114c7; background-color: #010114c7;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
box-shadow: 0px 0px 10px #0006 inset;
} }
.DIV_ACTIONS { .DIV_ACTIONS {
top: 0px; top: 0px;
@ -141,6 +140,7 @@ img {
position: absolute; position: absolute;
background-color: #0000; background-color: #0000;
height: calc(100% - 150px); height: calc(100% - 150px);
backdrop-filter: blur(10px);
transition-timing-function: cubic-bezier(0,1,0,1); transition-timing-function: cubic-bezier(0,1,0,1);
background-image: linear-gradient(0deg, #162a50e0, #2a4a86e0); background-image: linear-gradient(0deg, #162a50e0, #2a4a86e0);
} }
@ -648,7 +648,7 @@ img {
background-color: #0000; background-color: #0000;
width: calc(100% - 12px); width: calc(100% - 12px);
height: calc(100% - 12px); height: calc(100% - 12px);
backdrop-filter: blur(1.4px); backdrop-filter: blur(10px);
background-repeat: no-repeat; background-repeat: no-repeat;
text-shadow: 2px 2px 2px #000; text-shadow: 2px 2px 2px #000;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 3.8 MiB

View file

@ -285,9 +285,6 @@
</div> </div>
<!-- Game list background image -->
<div id="DIV_GAMELIST_BG" class="DIV_GAMELIST_BG"></div>
<!-- Top Menu --> <!-- Top Menu -->
<div class="DIV_ACTIONS" id="DIV_ACTIONS"> <div class="DIV_ACTIONS" id="DIV_ACTIONS">
@ -312,6 +309,9 @@
</div> </div>
<!-- Game list background image -->
<div id="DIV_GAMELIST_BG" class="DIV_GAMELIST_BG"></div>
<!-- fpPS4 Options --> <!-- fpPS4 Options -->
<div class="DIV_OPTIONS" id="DIV_OPTIONS"> <div class="DIV_OPTIONS" id="DIV_OPTIONS">

View file

@ -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'){ if (APP.settings.data.gameListMode !== 'grid'){
gameName = `<label class="${appNameClass}">${gList[cGame].name}</label>`; gameName = `<label class="${appNameClass}">${gList[cGame].name}</label>`;
} }
// Add entry
tempHtml = `${tempHtml}<div class="GAME_ENTRY${classDisplayEntryMode}" title="${appTitle}" style="${gameEntryStyle}" onclick="APP.design.selectGame(\'${cGame}\');" id="GAME_ENTRY_${cGame}">${gameBgAndIcon}<div class="${classGameDetailsMode}">${gameName + gameMetadata}</div></div>`; tempHtml = `${tempHtml}<div class="GAME_ENTRY${classDisplayEntryMode}" title="${appTitle}" style="${gameEntryStyle}" onclick="APP.design.selectGame(\'${cGame}\');" id="GAME_ENTRY_${cGame}">${gameBgAndIcon}<div class="${classGameDetailsMode}">${gameName + gameMetadata}</div></div>`;
}); });
// Insert HTML // Insert HTML and log status
document.getElementById('DIV_LIST_INTERNAL').innerHTML = tempHtml; document.getElementById('DIV_LIST_INTERNAL').innerHTML = tempHtml;
// Log status
if (data.displayLog !== !1){ if (data.displayLog !== !1){
APP.log(APP.lang.getVariable('gameListLoadSuccessful', [Object.keys(gList).length])); APP.log(APP.lang.getVariable('gameListLoadSuccessful', [Object.keys(gList).length]));
} }
// Clear BG image // Clear BG image
TMS.css('DIV_GAMELIST_BG', {'background-image': 'none'}); TMS.css('DIV_GAMELIST_BG', { 'background-image': 'none' });
TMS.css('DIV_GAME_DETAILS', {'display': 'none'}); TMS.css('DIV_GAME_DETAILS', { 'display': 'none' });
// Focus search field and update GUI // Focus search field and update GUI
TMS.focus('INPUT_gameListSearch'); TMS.focus('INPUT_gameListSearch');
@ -260,7 +256,7 @@ temp_DESIGN = {
// Select game and update GUI // Select game and update GUI
APP.gameList.selectedGame = gameName; APP.gameList.selectedGame = gameName;
APP.gameList.checkDumpStatus(); APP.gameList.checkGameStatus();
// Check if game config exists // Check if game config exists
if (APP.fs.existsSync(settingsFile) === !1){ if (APP.fs.existsSync(settingsFile) === !1){
@ -353,7 +349,7 @@ temp_DESIGN = {
// Update background image // Update background image
const sGame = APP.gameList.list[APP.gameList.selectedGame]; const sGame = APP.gameList.list[APP.gameList.selectedGame];
if (sGame !== '' && sGame !== void 0){ 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 // Check if emu is present before allowing to run

View file

@ -421,8 +421,8 @@ temp_GAMELIST = {
}, },
// Check dump status // Check game status
checkDumpStatus: function(){ checkGameStatus: function(){
// Declare main vars // Declare main vars
var cGameStatus = 'OK', var cGameStatus = 'OK',

View file

@ -121,7 +121,7 @@ temp_LANGUAGE = {
"cGameCompatStatus_UNKNOWN": "Unknown", "cGameCompatStatus_UNKNOWN": "Unknown",
"cGameCompatStatus_NOTHING": "Nothing", "cGameCompatStatus_NOTHING": "Nothing",
"cGameCompatStatus_PLAYABLE": "Playable", "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." "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."
}, },