Emulation/fpPS4-Temmie-s-Launcher
1
0
Fork 0
mirror of https://github.com/themitosan/fpPS4-Temmie-s-Launcher.git synced 2024-06-23 14:43:17 -04:00
Code Issues Packages Projects Releases Wiki Activity

GUI: Display current game background behind whole GUI, Hide current compat status if user is offline

Browse source
This commit is contained in:
themitosan 2024-02-25 21:37:58 -03:00
parent f276b7dd85
commit 597eac1be3
3 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
App/css/style.css
View file

@ -16,6 +16,7 @@ html, body {
scroll-behavior: smooth;
background-color: #0f1e3e;
text-shadow: 2px 2px 4px #000;
background-image: linear-gradient(146deg, #090f1b, #162a50);
}
code {
padding: 6px;
@ -92,32 +93,31 @@ img {
left: 0px;
z-index: 20;
width: 100%;
transition: 0.2s;
overflow: hidden;
transition: 0.2s;
position: absolute;
background-color: #162a50;
background-color: #0000;
height: calc(100% - 164px);
transition-timing-function: cubic-bezier(0,1,0,1);
background-image: linear-gradient(146deg, #090f1b, #162a50);
}
.DIV_LOG {
left: 0px;
bottom: 0px;
width: 100%;
z-index: 20;
height: 164px;
position: absolute;
background-color: #000;
background-size: auto 50%;
background-color: #010114c7;
background-position: center;
background-repeat: no-repeat;
background-image: url('../img/logo.png');
transition-timing-function: cubic-bezier(0,1,0,1);
box-shadow: 0px 0px 10px #0006 inset;
}
.DIV_ACTIONS {
top: 0px;
left: 0px;
width: 100%;
z-index: 30;
width: 100%;
height: 22px;
padding: 8px;
display: flex;
@ -133,20 +133,22 @@ img {
.DIV_OPTIONS {
top: 38px;
right: 0px;
z-index: 20;
padding: 6px;
width: 268px;
display: none;
transition: 0.1s;
position: absolute;
background-color: #0000;
height: calc(100% - 150px);
transition-timing-function: cubic-bezier(0,1,0,1);
background-image: linear-gradient(0deg, #162a50, #2a4a86);
background-image: linear-gradient(0deg, #162a50e0, #2a4a86e0);
}
.DIV_GAME_OPTIONS {
width: 268px;
bottom: 68px;
font-size: 14px;
overflow: auto;
font-size: 14px;
position: absolute;
text-align: center;
height: calc(100% - 128px);
@ -641,14 +643,14 @@ img {
resize: none;
border: none;
cursor: text;
outline: none;
padding: 6px;
outline: none;
background-color: #0000;
width: calc(100% - 12px);
height: calc(100% - 12px);
backdrop-filter: blur(1.4px);
background-repeat: no-repeat;
text-shadow: 2px 2px 2px #000;
background-image: linear-gradient(180deg, #05050ee8, #010114c7);
}
.BTN_RUN {
height: 50px;

6
App/index.htm
View file

@ -285,6 +285,9 @@
</div>
<!-- Game list background image -->
<div id="DIV_GAMELIST_BG" class="DIV_GAMELIST_BG"></div>
<!-- Top Menu -->
<div class="DIV_ACTIONS" id="DIV_ACTIONS">
@ -404,9 +407,6 @@
<!-- Game List -->
<div class="DIV_LIST" id="DIV_LIST">
<!-- Background Image -->
<div id="DIV_GAMELIST_BG" class="DIV_GAMELIST_BG"></div>
<!-- List -->
<div class="DIV_LIST_INTERNAL" id="DIV_LIST_INTERNAL">

2
App/js/gamelist.js
View file

@ -510,6 +510,8 @@ temp_GAMELIST = {
updateCompat();
}
} else {
updateCompat();
}
// Check if is homebrew (.elf)