mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Fix audio player overlapping on small screens
This commit is contained in:
parent
5af69a9b98
commit
9c58dd7f6e
1 changed files with 12 additions and 3 deletions
|
@ -327,8 +327,13 @@
|
|||
}
|
||||
|
||||
.nowPlayingPageImageContainer {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 1;
|
||||
width: 100%;
|
||||
margin: auto auto 0.5em;
|
||||
min-height: 0;
|
||||
margin: 0 auto 0.5em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nowPlayingPageImageContainerNoAlbum .cardImageContainer .cardImageIcon {
|
||||
|
@ -337,7 +342,9 @@
|
|||
}
|
||||
|
||||
.nowPlayingInfoControls {
|
||||
margin: 0.5em 0 1em 0;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 1;
|
||||
margin: 0.5em 0 0;
|
||||
width: 100%;
|
||||
-webkit-box-pack: start !important;
|
||||
-webkit-justify-content: start !important;
|
||||
|
@ -400,7 +407,9 @@
|
|||
}
|
||||
|
||||
.nowPlayingPageImage.nowPlayingPageImageAudio {
|
||||
width: 100%;
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.nowPlayingPageImageContainer.nowPlayingPageImagePoster {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue