fix: Correct bottom width and height calculations in Panel component and styles

This commit is contained in:
Vishnu 2025-04-09 09:31:22 +05:30
parent 43184a7e25
commit 937241d28b
2 changed files with 4 additions and 4 deletions

View File

@ -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;

View File

@ -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;
} }
} }