diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css index 3b4916cc..803b8dfd 100644 --- a/copyparty/web/browser.css +++ b/copyparty/web/browser.css @@ -634,7 +634,7 @@ html .ayjump:focus-visible { font-weight: normal; display: block; margin: 0 .5em 0 0; - width: calc(100% - .5em); + width: calc(100% - .6em); padding: 0 .25em; font-size: 1.2em; white-space: nowrap; @@ -1833,7 +1833,7 @@ html:not(.e):not(.d) #up_quick .btn.on { } html.f #mu_outer, html.b #mu_outer { - background: color-mix(in oklab, var(--bg-u2) 70%, transparent); + background: color-mix(in oklab, var(--a) 10%, var(--bg-u2) 10%, transparent); backdrop-filter: blur(32px); } #h_music { @@ -1860,6 +1860,8 @@ html.b #mu_outer { } #mu_th svg { margin: 0 auto; + min-width: 100%; + height: 100%; } #mu_th span { font-size: 8vh; @@ -4362,6 +4364,10 @@ html.e #wrap.thin .ghead { .modalheader { padding: .8em 3em .8em .7em; } + html.f .modalheader { + padding-top: .6em; + padding-bottom: .6em; + } .modalsplit { display: block; overflow-y: auto; @@ -5671,7 +5677,7 @@ html.f #ggrid .au.thumbed:not(.play) .imgcontainer::before { z-index: 3; border-width: 4em 4em 0 0; border-color: var(--g-bfbg) transparent transparent var(--g-bfbg); - margin: 0 2px; + margin: 0 3px; } html.f #ggrid > a.play::before { background: var(--a);