mirror of
https://github.com/jeffvli/feishin.git
synced 2026-07-16 15:39:59 +02:00
fix mobile playerbar layout to prevent overflow
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user