diff --git a/static/style.css b/static/style.css index 753990d..3b09d88 100644 --- a/static/style.css +++ b/static/style.css @@ -168,13 +168,15 @@ body { /* Dashboard Grid Layout */ .dashboard-grid { display: grid; - grid-template-columns: 1fr 1.2fr; + grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 24px; + width: 100%; + max-width: 100%; } @media (max-width: 900px) { .dashboard-grid { - grid-template-columns: 1fr; + grid-template-columns: minmax(0, 1fr); } } @@ -182,6 +184,9 @@ body { display: flex; flex-direction: column; gap: 24px; + min-width: 0; + max-width: 100%; + width: 100%; } /* Glassmorphic Cards */ @@ -194,6 +199,9 @@ body { padding: 24px; box-shadow: var(--shadow-premium); transition: var(--transition-smooth); + min-width: 0; + max-width: 100%; + box-sizing: border-box; } .glass-card:hover { @@ -1063,3 +1071,29 @@ body { width: 240px; flex-shrink: 0; } + +/* Zapobieganie rozjeżdżaniu się layoutu przy długich tytułach nagrań */ +.now-playing-info, +.track-title, +.queue-item, +.queue-track-info, +.queue-track-title, +.guild-setting-row, +.guild-info, +.guild-name, +.glass-card, +.grid-column, +.player-panel { + min-width: 0 !important; + max-width: 100% !important; + box-sizing: border-box; +} + +.track-title, +.queue-track-title, +.guild-name { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + display: block; +}