fix: Correct bottom width and height calculations in Panel component and styles
This commit is contained in:
parent
43184a7e25
commit
937241d28b
|
@ -246,7 +246,7 @@ const Panel: React.FC<PanelProps> = ({
|
||||||
|
|
||||||
// Calculate capacities and dimensions
|
// Calculate capacities and dimensions
|
||||||
const topWidth = getPanelStyle("top").width;
|
const topWidth = getPanelStyle("top").width;
|
||||||
const bottomWidth = getPanelStyle("bottom").width;
|
const bottomWidth = getPanelStyle("bottom").height;
|
||||||
const leftHeight = getPanelStyle("left").height;
|
const leftHeight = getPanelStyle("left").height;
|
||||||
const rightHeight = getPanelStyle("right").height;
|
const rightHeight = getPanelStyle("right").height;
|
||||||
|
|
||||||
|
|
|
@ -68,7 +68,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
background-color: var(--background-color);
|
background-color: var(--background-color);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
// bottom: 10px;
|
bottom: 10px;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
|
|
||||||
|
@ -124,7 +124,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.zone-wrapper.bottom {
|
.zone-wrapper.bottom {
|
||||||
top: var(--bottomWidth);
|
bottom: var(--bottomWidth);
|
||||||
// bottom: 200px;
|
// bottom: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -370,7 +370,7 @@
|
||||||
|
|
||||||
.playingFlase {
|
.playingFlase {
|
||||||
.zone-wrapper.bottom {
|
.zone-wrapper.bottom {
|
||||||
top: var(--bottomWidth);
|
bottom: var(--bottomWidth);
|
||||||
// bottom: 210px;
|
// bottom: 210px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue