fix mobile playerbar layout to prevent overflow

This commit is contained in:
jeffvli
2025-11-29 17:05:02 -08:00
parent b097d67d71
commit 7f95c520b2
2 changed files with 130 additions and 116 deletions
@@ -1,5 +1,6 @@
.container {
display: flex;
display: grid;
grid-template-columns: 1fr auto;
gap: var(--theme-spacing-sm);
align-items: center;
width: 100%;
@@ -8,6 +9,14 @@
overflow: hidden;
}
.content-wrapper {
display: flex;
gap: var(--theme-spacing-sm);
align-items: center;
min-width: 0;
overflow: hidden;
}
.image-wrapper {
position: relative;
display: flex;
@@ -41,6 +50,7 @@
gap: 0;
justify-content: center;
min-width: 0;
max-width: 50%;
overflow: hidden;
}
@@ -59,7 +69,6 @@
.controls-wrapper {
display: flex;
flex-shrink: 0;
gap: 0.5rem;
align-items: center;
justify-content: center;