mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2025-09-18 12:40:16 +00:00
New: On phones, resized, restyled and placed the play/resume button on top, with the other buttons below it
This commit is contained in:
@@ -903,11 +903,27 @@ progress+span {
|
||||
backdrop-filter: var(--blurLarge);
|
||||
}
|
||||
|
||||
.layout-mobile .detailButton:not(.btnPlay) {
|
||||
color: var(--dimTextColor);
|
||||
backdrop-filter: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.btnPlay.detailButton {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
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 {
|
||||
-webkit-align-items: unset;
|
||||
align-items: unset;
|
||||
@@ -935,6 +951,11 @@ progress+span {
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
.layout-mobile [dir=ltr] .mainDetailButtons {
|
||||
flex-wrap: wrap;
|
||||
padding-inline: 20%;
|
||||
}
|
||||
|
||||
.mainDrawer,
|
||||
.drawer-open {
|
||||
background-color: var(--drawerColor);
|
||||
|
Reference in New Issue
Block a user