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:
@@ -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",
|
||||
}}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user