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:
nessi committed 2026-02-07 12:36:42 +01:00
1 parent b65d25f66a
commit 145af05471
2 files changed
+4 -4

No files matched your search

+3 -3
View File
@@ -435,11 +435,11 @@ export default function App() {
minWidth: 0, minWidth: 0,
borderRadius: 18, borderRadius: 18,
border: `1px solid ${stylesTokens.panelBorder}`, 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)", backdropFilter: "blur(8px)",
boxShadow: "0 12px 30px rgba(0,0,0,0.30)", boxShadow: "0 12px 30px rgba(0,0,0,0.30)",
padding: 12, // ✅ Abstand wie andere Elemente padding: 12,
overflow: "hidden", overflow: "visible", // ✅ statt hidden
display: "grid", display: "grid",
placeItems: "stretch", placeItems: "stretch",
}} }}
+1 -1
View File
@@ -26,7 +26,7 @@ body {
display: grid; display: grid;
/* Top | Main | HUD */ /* Top | Main | HUD */
grid-template-rows: 68px minmax(360px, 1fr) 170px; grid-template-rows: 68px minmax(360px, 1fr) minmax(160px, 190px);
gap: 14px; gap: 14px;
} }