From 13f1e14a3d66680653725c3cd19243cf04edeaf4 Mon Sep 17 00:00:00 2001 From: sebseb7 Date: Wed, 16 Jul 2025 06:30:49 +0200 Subject: [PATCH] Update MainPageLayout styles for improved layout consistency: Adjusted positioning properties for titles to enhance visual alignment and responsiveness across different page types, ensuring a more cohesive user experience. --- src/components/MainPageLayout.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/MainPageLayout.js b/src/components/MainPageLayout.js index b37ec1f..23c1311 100644 --- a/src/components/MainPageLayout.js +++ b/src/components/MainPageLayout.js @@ -136,7 +136,8 @@ const MainPageLayout = () => { display: { xs: "block", sm: "none" }, mb: { xs: 2, sm: 0 }, width: "100%", - textAlign: "center" + textAlign: "center", + position: "relative" }}> {Object.entries(allTitles).map(([pageType, title]) => ( { transition: "opacity 0.5s ease-in-out", opacity: getOpacity(pageType), position: pageType === "home" ? "relative" : "absolute", - top: pageType !== "home" ? "50%" : "auto", - left: pageType !== "home" ? "50%" : "auto", - transform: pageType !== "home" ? "translate(-50%, -50%)" : "none", + top: pageType !== "home" ? 0 : "auto", + left: pageType !== "home" ? 0 : "auto", + transform: "none", width: "100%", pointerEvents: getOpacity(pageType) === 1 ? "auto" : "none", lineHeight: { xs: "1.2", sm: "1.2", md: "1.1" },