From 0843740b43a6708a699ce99000b546d6c3436856 Mon Sep 17 00:00:00 2001 From: nflnkr <105123049+nflnkr@users.noreply.github.com> Date: Sat, 19 Nov 2022 15:39:57 +0300 Subject: [PATCH] improve responsiveness --- src/App.tsx | 14 +++++-- src/assets/card-pages-background4.png | Bin 0 -> 48755 bytes src/assets/card-pages-background5.png | Bin 0 -> 57701 bytes src/assets/card-pages-background6.png | Bin 0 -> 55346 bytes src/components/Footer.tsx | 48 +++++++++++++++------- src/components/NavMenuItem.tsx | 7 +++- src/components/Navbar.tsx | 1 + src/components/NavbarCollapsed.tsx | 6 ++- src/components/PenaLogo.tsx | 8 ++-- src/components/UnderlinedLink.tsx | 8 +++- src/components/landing/CardWithLink.tsx | 6 ++- src/components/landing/Infographics.tsx | 5 ++- src/components/landing/PromoCard.tsx | 52 +++++++++++++----------- src/components/landing/Section1.tsx | 2 +- src/components/landing/Section2.tsx | 4 +- src/components/landing/Section3.tsx | 17 ++++++-- src/mui.d.ts | 5 --- src/utils/muiTheme.ts | 8 ++-- 18 files changed, 121 insertions(+), 70 deletions(-) create mode 100644 src/assets/card-pages-background4.png create mode 100644 src/assets/card-pages-background5.png create mode 100644 src/assets/card-pages-background6.png diff --git a/src/App.tsx b/src/App.tsx index 9cd5bad..139b738 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,16 +1,22 @@ -import { CssBaseline, Divider, ThemeProvider } from "@mui/material"; +import { CssBaseline, Divider, ThemeProvider, useMediaQuery } from "@mui/material"; import { theme } from "./utils/muiTheme"; import Landing from "./components/landing/Landing"; import NavbarCollapsed from "./components/NavbarCollapsed"; import Footer from "./components/Footer"; +import Navbar from "./components/Navbar"; function App() { + const upMd = useMediaQuery(theme.breakpoints.up("md")); + return ( - {/* */} - - + {upMd ? + + : + + } +