boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

New: On phones, resized, restyled and placed the play/resume button on top, with the other buttons below it

Browse Source
This commit is contained in:
lscambo13
2025-05-11 18:16:28 +05:30
parent 6a157db8e5
commit 3b01427bfa
1 changed files with 21 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
Theme/ElegantFin-theme-nightly.css
View File

@@ -903,11 +903,27 @@ progress+span {
backdrop-filter: var(--blurLarge); backdrop-filter: var(--blurLarge);
} }
.layout-mobile .detailButton:not(.btnPlay) {
color: var(--dimTextColor);
backdrop-filter: none;
border-color: transparent;
}
.btnPlay.detailButton { .btnPlay.detailButton {
background-color: rgba(255, 255, 255, 0.05); background-color: rgba(255, 255, 255, 0.05);
border: var(--defaultLighterBorder); border: var(--defaultLighterBorder);
} }
.layout-mobile .btnPlay.detailButton {
background-color: var(--textColor);
color: black;
flex: 0 0 100%;
border-radius: 3em;
border-color: var(--borderColor);
height: 3em;
font-size: medium;
}
.btnPlay>.detailButton-content { .btnPlay>.detailButton-content {
-webkit-align-items: unset; -webkit-align-items: unset;
align-items: unset; align-items: unset;
@@ -935,6 +951,11 @@ progress+span {
place-content: center; place-content: center;
} }
.layout-mobile [dir=ltr] .mainDetailButtons {
flex-wrap: wrap;
padding-inline: 20%;
}
.mainDrawer, .mainDrawer,
.drawer-open { .drawer-open {
background-color: var(--drawerColor); background-color: var(--drawerColor);