mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-21 13:42:29 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

music modal misc layout fixes

Browse source
This commit is contained in:
Til Schmitter 2026-05-11 23:52:07 +02:00
parent 552e910964
commit e25b875486
2 changed files with 22 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
copyparty/web/browser.css
View file

@ -1641,6 +1641,8 @@ html.b #music {
#mu_inner { #mu_inner {
align-content: center; align-content: center;
text-align: center; text-align: center;
position: relative;
width: 100%;
} }
#mu_th { #mu_th {
cursor: default !important; cursor: default !important;
@ -3943,6 +3945,11 @@ html.e #wrap.thin {
pointer-events: none; pointer-events: none;
box-shadow: 0 0 .5em var(--mp-sh); box-shadow: 0 0 .5em var(--mp-sh);
} }
#music #pvol {
position: absolute;
bottom: 3.5em;
right: -1.7em;
}
#pvolbg:hover #pvol { #pvolbg:hover #pvol {
display: block; display: block;
opacity: 1; opacity: 1;
@ -3979,6 +3986,15 @@ html.e #wrap.thin {
top: 5px; top: 5px;
right: 5px; right: 5px;
} }
#music {
padding: 1em;
}
#mu_pbb {
width: 100%;
}
#mu_inner {
margin: -.5em;
}
} }
@media (max-width: 40em) { @media (max-width: 40em) {

10
copyparty/web/browser.html
View file

@ -178,8 +178,9 @@
</div> </div>
<div id="music" class="modal"> <div id="music" class="modal">
<a id="h_music" class="modalheader" href="#">💿 Music Player</a>
<div id="mu_inner"> <div id="mu_inner">
<a id="h_music" class="modalheader" href="#">💿 Music Player</a>
<a id="mu_th"> <a id="mu_th">
<svg class="thumb" width="100%" height="100%" version="1.1"> <svg class="thumb" width="100%" height="100%" version="1.1">
<use href="#file-icon"/> <use href="#file-icon"/>
@ -192,10 +193,11 @@
<div id="mu_pbb"></div> <div id="mu_pbb"></div>
<div id="mu_pbc" class="pctl"></div> <div id="mu_pbc" class="pctl"></div>
<div id="mu_toggles"></div> <div id="mu_toggles"></div>
<div id="mu_vol"></div> <div id="mu_vol"></div>
<a id="cfg_mu" class="btn" href="#h_mp">⚙️</a>
<a id="cl_mu" class="close btn">✕</a>
</div> </div>
<a id="cfg_mu" class="btn" href="#h_mp">⚙️</a>
<a id="cl_mu" class="close btn">✕</a>
</div> </div>
<!-- define symbol in hidden svg document --> <!-- define symbol in hidden svg document -->