mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-18 20:22:27 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix music modal mobile layout

Browse source
This commit is contained in:
Til Schmitter 2026-05-12 19:01:00 +02:00
parent a9d51d701a
commit e59ec2f4aa
2 changed files with 27 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
copyparty/web/browser.css
View file

@ -1633,7 +1633,7 @@ html:not(.e):not(.d) #up_quick .btn.on {
#music a {
cursor: pointer;
}
html.b #mu_inner {
html.b #mu_outer {
background: color-mix(in oklab, var(--bg-u2) 70%, transparent);
backdrop-filter: blur(32px);
}
@ -1642,6 +1642,11 @@ html.b #mu_inner {
top: 0;
left: 0;
}
#mu_outer {
display: flex;
justify-content: center;
width: 100%;
}
#mu_inner {
align-content: center;
text-align: center;
@ -3992,7 +3997,7 @@ html.e #wrap.thin {
top: 5px;
right: 5px;
}
#music {
#mu_outer {
padding: 1em;
}
#mu_pbb {

38
copyparty/web/browser.html
View file

@ -178,25 +178,27 @@
</div>
<div id="music" class="modal">
<div id="mu_inner">
<a id="h_music" class="modalheader" href="#">💿 Music Player</a>
<a id="mu_th">
<svg class="thumb" width="100%" height="100%" version="1.1">
<use href="#file-icon"/>
</svg>
<span class="th_ext"></span>
<img onload="th_onload(this)"/>
</a>
<span id="mu_tn"></span>
<span id="mu_deets"></span>
<div id="mu_pbb"></div>
<div id="mu_pbc" class="pctl"></div>
<div id="mu_toggles"></div>
<div id="mu_vol"></div>
<div id="mu_outer">
<div id="mu_inner">
<a id="h_music" class="modalheader" href="#">💿 Music Player</a>
<a id="mu_th">
<svg class="thumb" width="100%" height="100%" version="1.1">
<use href="#file-icon"/>
</svg>
<span class="th_ext"></span>
<img onload="th_onload(this)"/>
</a>
<span id="mu_tn"></span>
<span id="mu_deets"></span>
<div id="mu_pbb"></div>
<div id="mu_pbc" class="pctl"></div>
<div id="mu_toggles"></div>
<div id="mu_vol"></div>
<a id="cfg_mu" class="btn" href="#h_mp">⚙️</a>
<a id="cl_mu" class="close btn">✕</a>
<a id="cfg_mu" class="btn" href="#h_mp">⚙️</a>
<a id="cl_mu" class="close btn">✕</a>
</div>
</div>
</div>