marcel/better-xcloud
1
0
Fork 0
mirror of https://github.com/redphx/better-xcloud.git synced 2025-09-19 02:29:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Migrate Remote Play popup to Navigation dialog

Browse Source
This commit is contained in:
redphx
2024-09-18 20:14:49 +07:00
parent df266d32fc
commit 784a31ce43
13 changed files with 454 additions and 418 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/assets/css/remote-play.styl
View File

@@ -1,36 +1,16 @@
.bx-remote-play-popup {
width: 100%;
max-width: 1920px;
margin: auto;
position: relative;
height: 0.1px;
overflow: visible;
z-index: var(--bx-remote-play-popup-z-index);
}
.bx-remote-play-container {
position: absolute;
right: 10px;
top: 0;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
background: #1a1b1e;
border-radius: 10px;
width: 420px;
max-width: calc(100vw - 20px);
margin: 0 0 0 auto;
padding: 20px;
box-shadow: #00000080 0px 0px 12px 0px;
@media (min-width:480px) and (min-height:calc(480px + 1px)) {
right: calc(env(safe-area-inset-right, 0px) + 32px);
}
@media (min-width:768px) and (min-height:calc(480px + 1px)) {
right: calc(env(safe-area-inset-right, 0px) + 48px);
}
@media (min-width:1920px) and (min-height:calc(480px + 1px)) {
right: calc(env(safe-area-inset-right, 0px) + 80px);
}
> .bx-button {
display: table;
@@ -121,3 +101,8 @@
min-height: 100%;
margin: 4px 0;
}
.bx-remote-play-buttons {
display: flex;
justify-content: space-between;
}