mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-04-12 23:32:32 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: improve responsivity on small screens

Browse source 
Signed-off-by: William Phetsinorath <william.phetsinorath@shikanime.studio>
Change-Id: I40b5bd4f2ae584dc668c22c18a9370066a6a6964
This commit is contained in:
William Phetsinorath 2026-04-08 14:12:07 +02:00
parent ede692925e
commit a3ef34dec3
No known key found for this signature in database
GPG key ID: 88A9DF8418B3D728
2 changed files with 40 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
copyparty/web/browser.css
View file

@ -3231,14 +3231,40 @@ html.d #treepar {
@media (max-width: 28em) {
#u2conf {
font-size: .8em;
}
}
@media (max-width: 32em) { @media (max-width: 32em) {
#u2conf { #u2conf {
font-size: .9em; font-size: .9em;
} }
} }
@media (max-width: 28em) { @media (max-width: 35em) {
#u2conf { #wrap {
font-size: .8em; flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
}
#wtoggle {
left: 0;
right: 0;
height: auto;
min-height: 1em;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
scrollbar-gutter: stable;
border-radius: 0;
padding-left: 0;
padding-bottom: .35em;
}
#wtoggle>* {
flex: 0 0 auto;
} }
} }
@media (min-width: 70em) { @media (min-width: 70em) {

2
copyparty/web/browser.js
View file

@ -6854,7 +6854,7 @@ function aligngriditems() {
if (((griditemcount * em2px) * gridsz) + totalgapwidth < gridwidth) { if (((griditemcount * em2px) * gridsz) + totalgapwidth < gridwidth) {
val = 'left'; val = 'left';
} else { } else {
val = treectl.hidden ? 'center' : 'space-between'; val = treectl.hidden ? 'center' : 'space-evenly';
} }
if (st.justifyContent != val) if (st.justifyContent != val)
st.justifyContent = val; st.justifyContent = val;