Adjust layout and overflow settings for consistency

Updated the App component's overflow property to "visible" for better content display and modified grid row sizing in the layout to improve spacing control. These changes ensure better alignment and a more consistent user interface.
This commit is contained in:
2026-02-07 12:36:42 +01:00
parent b65d25f66a
commit 145af05471
2 changed files with 4 additions and 4 deletions

View File

@@ -435,11 +435,11 @@ export default function App() {
minWidth: 0,
borderRadius: 18,
border: `1px solid ${stylesTokens.panelBorder}`,
background: "rgba(0,0,0,0.10)", // sehr dezent, quasi unsichtbar
background: "rgba(0,0,0,0.10)",
backdropFilter: "blur(8px)",
boxShadow: "0 12px 30px rgba(0,0,0,0.30)",
padding: 12, // ✅ Abstand wie andere Elemente
overflow: "hidden",
padding: 12,
overflow: "visible", // ✅ statt hidden
display: "grid",
placeItems: "stretch",
}}

View File

@@ -26,7 +26,7 @@ body {
display: grid;
/* Top | Main | HUD */
grid-template-rows: 68px minmax(360px, 1fr) 170px;
grid-template-rows: 68px minmax(360px, 1fr) minmax(160px, 190px);
gap: 14px;
}