fix: prevent horizontal overflow in the queue UI

This commit is contained in:
Simon Cordt
2025-09-25 14:45:05 +02:00
parent fff9bfbb0e
commit 48db01facd
+2 -2
View File
@@ -1,4 +1,4 @@
.pqueue-root{display:flex;flex-direction:column;gap:1rem;height:100%;color:var(--common-text,#e5e7eb);font-size:13px;line-height:1.4;padding:0 4px;overflow-anchor:none}
.pqueue-root{display:flex;flex-direction:column;gap:1rem;height:100%;color:var(--common-text,#e5e7eb);font-size:13px;line-height:1.4;padding:0 4px;overflow-anchor:none;overflow-x:hidden}
.pqueue-root a{color:inherit}
.pqueue-toolbar{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 1rem;border-radius:12px;background:#1b1b1b;box-shadow:0 1px 2px rgba(0,0,0,.24)}
.pqueue-toolbar__row{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
@@ -35,7 +35,7 @@
.pqueue-icon--lg{font-size:1.35rem}
.pqueue-icon--spin{animation:pqueue-spin 1s linear infinite}
@keyframes pqueue-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.pqueue-sections{display:flex;flex-direction:column;gap:1rem;overflow:auto;padding-bottom:1rem;overflow-anchor:none}
.pqueue-sections{display:flex;flex-direction:column;gap:1rem;overflow:auto;padding-bottom:1rem;overflow-anchor:none;overflow-x:hidden}
.pqueue-card{background:#1a1a1a;backdrop-filter:blur(22px);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid rgba(82,82,91,.22)}
.pqueue-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.pqueue-card__title-wrap{display:flex;align-items:center;gap:.6rem;color:var(--heading-text,#f9fafb)}