fix: Navbar breakpoints & image ratios

nibmcs · Oct 24, 2023 · f76a69d · f76a69d
1 parent 5a94273
commit f76a69d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -10,7 +10,8 @@ export default function Home() {
         src="/logo.png"
         alt="logo"
         width={200}
-        height={200}
+        height={112.5}
+        priority
         className="mt-10"
       />
       <div className="text-center text-xl font-normal mt-10">Home Page</div>

diff --git a/src/components/icons.tsx b/src/components/icons.tsx
@@ -7,7 +7,7 @@ const iconSize = 18;
 const className = "text-default-500";
 
 export const Logo = () => (
-  <Image alt="NIBM CS Logo" src="/logo.png" height={80} width={80} />
+  <Image alt="NIBM CS Logo" src="/logo.png" priority height={45} width={80} />
 );
 
 export const FacebookIcon = () => {

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
@@ -35,7 +35,7 @@ export const Navbar = () => {
             <Logo />
           </NextLink>
         </NavbarBrand>
-        <ul className="hidden lg:flex gap-5 justify-start ml-4">
+        <ul className="hidden md:flex gap-5 justify-start ml-4">
           {siteConfig.navItems.map((item) => (
             <NavbarItem key={item.href}>
               <NextLink
@@ -54,7 +54,7 @@ export const Navbar = () => {
       </NavbarContent>
 
       <NavbarContent
-        className="hidden sm:flex basis-1/5 sm:basis-full"
+        className="hidden md:flex basis-1/5 sm:basis-full"
         justify="end"
       >
         <NavbarItem className="hidden sm:flex gap-3">
@@ -77,7 +77,7 @@ export const Navbar = () => {
         </NavbarItem>
       </NavbarContent>
 
-      <NavbarContent className="sm:hidden basis-1 pl-4" justify="end">
+      <NavbarContent className="md:hidden basis-1 pl-4" justify="end">
         <ThemeSwitch />
         <NavbarMenuToggle />
       </NavbarContent>