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

Update header's style for small screens

Browse Source
This commit is contained in:
redphx 2025-03-27 07:19:08 +07:00
parent b733d55e9e
commit 8ea3503dd3
3 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
dist/better-xcloud.pretty.user.js vendored
View File

File diff suppressed because one or more lines are too long

6
dist/better-xcloud.user.js vendored
View File

File diff suppressed because one or more lines are too long

21
src/assets/css/root.styl
View File

@ -60,8 +60,27 @@ button_color(name, normal, hover, active, disabled)
} }
/* Remove the "Cloud Gaming" text in header when the screen is too small */ /* Remove the "Cloud Gaming" text in header when the screen is too small */
@media screen and (min-width: 641px) and (max-width: 767px) {
header button[class^="ExperienceDropdown-module__toggleButton"], header button[class^="XboxButton-module__headerXboxButton"] {
margin-right: 10px !important;
}
header button[class^="ExperienceDropdown-module__toggleButton"]{
> div{
> div {
font-size: 12px;
}
> svg {
width: 20px;
height: 20px;
}
}
}
}
@media screen and (max-width: 640px) { @media screen and (max-width: 640px) {
header a[href="/play"] { header button[class^="ExperienceDropdown-module__toggleButton"] {
display: none; display: none;
} }
} }