From b166b9be23fc185c1bc9310c4bac73f9ad728f6d Mon Sep 17 00:00:00 2001 From: Ayush Chadha <82471116+elegantShock2258@users.noreply.github.com> Date: Tue, 26 Dec 2023 01:33:11 +0530 Subject: [PATCH] Sponsors (#24) * fix: navbar mobile animation * feat: responsiveness * feat: responsiveness, fixed sponsor button issue and overflow issue * wip: responsiveness, todo: decrease card sizes * fix: aboutCard skill issue :( * fix: signUp * fix(footer): delta and login * fix: mobile responsiveness * fix: mobile responsiveness * fix: mobile responsiveness * fix: mobile responsiveness * fix: astronaut * fix: mobile sponsors button, center cards always * fix: mobile sponsors button, center cards always * fix: s20 ultra overflow * fix: ipad mini overlap, and add more screens * fix: scroll behavior * fix: scroll behavior * fix: scroll behavior * fix: astronaut, sponsor button placement, integrate cms * fix: sponsorcard alignment * fix: sponsorsContainer overflow * fix: sponsorsContainer overflow * fix: zindex issue --------- Co-authored-by: SRISOWRIRAJAN K S Co-authored-by: Bhoopesh --- src/app/globals.css | 4 + src/app/layout.tsx | 2 +- src/app/sponsors/page.tsx | 33 ++-- src/app/sponsors/sponsors.module.css | 167 ++++++++++++++++-- src/assets/images/astronaut.svg | 2 +- src/assets/images/top-left-border.svg | 2 +- src/assets/images/top-right-border.svg | 2 +- src/components/AboutCard/AboutCard.tsx | 7 +- src/components/AuthLayout/form.module.css | 2 +- src/components/AuthLayout/signup.tsx | 6 +- src/components/Footer/Footer.tsx | 14 +- src/components/Menu/Menu.tsx | 6 +- src/components/NavBar/navbar.module.css | 54 ++++-- src/components/SponsorCard/SponsorCard.tsx | 38 ++-- src/components/SponsorCard/styles.module.css | 36 ++-- .../SponsorsButton/SponsorsButton.tsx | 4 +- src/utils/events_cms.ts | 15 ++ 17 files changed, 310 insertions(+), 84 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index bf34876..7fef580 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -51,6 +51,10 @@ body { color: white; } +.page-layout { + min-height: max(100vh, 760px); +} + .footer-bg { border-radius: 10px; background: rgba(0, 0, 0, 0.45); diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 53a948e..4924cb5 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -13,7 +13,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }) return ( -
{children}
+
{children}