marcel/better-xcloud
1
0
Fork 0
mirror of https://github.com/redphx/better-xcloud.git synced 2025-06-07 08:07:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix Stream settings dialog in portrait mode

Browse Source
This commit is contained in:
redphx 2024-07-18 09:06:37 +07:00
parent c2d8f1fbf7
commit e1eca20792
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/assets/css/stream-settings.styl
View File

@ -1,6 +1,9 @@
.bx-stream-settings-dialog { .bx-stream-settings-dialog {
display: flex; display: flex;
position: fixed; position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: var(--bx-stream-settings-z-index); z-index: var(--bx-stream-settings-z-index);
opacity: 0.98; opacity: 0.98;
user-select: none; user-select: none;
@ -22,10 +25,8 @@
} }
.bx-stream-settings-tabs { .bx-stream-settings-tabs {
position: fixed;
top: 0;
right: 420px;
display: flex; display: flex;
position: fixed;
flex-direction: column; flex-direction: column;
border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;
box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000;
@ -60,10 +61,6 @@
.bx-stream-settings-tab-contents { .bx-stream-settings-tab-contents {
flex-direction: column; flex-direction: column;
position: fixed;
right: 0;
top: 0;
bottom: 0;
padding: 14px 14px 0; padding: 14px 14px 0;
width: 420px; width: 420px;
background: #1a1b1e; background: #1a1b1e;
@ -74,6 +71,8 @@
text-align: center; text-align: center;
box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000;
overflow: overlay; overflow: overlay;
margin-left: 56px;
z-index: 1;
> div[data-tab-group=mkb] { > div[data-tab-group=mkb] {
display: flex; display: flex;
@ -108,6 +107,11 @@
} }
} }
@media screen and (max-width: 500px) {
.bx-stream-settings-tab-contents {
width: calc(100vw - 56px);
}
}
.bx-stream-settings-row { .bx-stream-settings-row {
display: flex; display: flex;