From 3d626daa0a3f3d843964b8db10a8b70199bf4943 Mon Sep 17 00:00:00 2001 From: AmirReza Jamali Date: Sun, 26 Oct 2025 10:42:13 +0330 Subject: [PATCH] refactor(responsive): Adjust breakpoint from md to lg for better layout The previous `md` breakpoint (768px) caused the desktop layout to activate too early, resulting in a cramped appearance on tablet-sized screens. This commit updates the responsive design by changing the primary breakpoint from `md` to `lg` (1024px) across the home page, contact page, and main layouts. This change ensures a more appropriate and visually balanced layout is maintained on medium-sized devices, improving the overall user experience. --- app/(home)/contact-us/page.tsx | 2 +- app/(home)/layout.tsx | 9 +++--- app/(home)/page.tsx | 10 +++---- app/(not-found)/[...not-found]/layout.tsx | 6 ++-- app/_components/FooterForm.tsx | 2 +- app/_components/HeaderButtons.tsx | 2 +- app/_contact-us/form.tsx | 18 ++++++------ app/_contact-us/page.tsx | 4 +-- app/marketing/[id]/page.tsx | 36 +++++++++++------------ app/marketing/layout.tsx | 6 ++-- app/marketing/page.tsx | 32 ++++++++++---------- 11 files changed, 64 insertions(+), 63 deletions(-) diff --git a/app/(home)/contact-us/page.tsx b/app/(home)/contact-us/page.tsx index f629401..5d97e47 100644 --- a/app/(home)/contact-us/page.tsx +++ b/app/(home)/contact-us/page.tsx @@ -38,7 +38,7 @@ const ContactUsPage = () => {

-
+
diff --git a/app/(home)/layout.tsx b/app/(home)/layout.tsx index 18100a0..2bcf6fc 100644 --- a/app/(home)/layout.tsx +++ b/app/(home)/layout.tsx @@ -17,7 +17,8 @@ const geistMono = Geist_Mono({ export const metadata: Metadata = { title: "Opp lens - AI-Powered Tender Management", - description: "Democratizing Tender Access for SMEs with AI-Powered Tender Management.", + description: + "Democratizing Tender Access for SMEs with AI-Powered Tender Management.", icons: { icon: "/fav-icon.svg", }, @@ -98,8 +99,8 @@ export default async function RootLayout({ return ( -
+ className={`${geistSans.variable} ${geistMono.variable} antialiased flex flex-col bg-[url('/header-bg.svg')] bg-top-right bg-no-repeat bg-contain lg:bg-cover`}> +
{children}