fix: navbar consistent

delta · Dec 14, 2023 · 63c31c9 · 63c31c9
1 parent fd82443
commit 63c31c9
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
@@ -79,7 +79,7 @@ const About = () => {
     return (
         <div
             className={
-                'h-screen w-full text-center md:p-7 p-5 about flex flex-col overflow-y-hidden ' +
+                'h-screen w-full text-center max-sm:p-3 p-5 about flex flex-col overflow-y-hidden ' +
                 (isScrolled ? ' scrolled' : ' transitioned')
             }
             onWheel={scrollAllowed ? simulateScroll : undefined}

diff --git a/src/app/clusters/page.tsx b/src/app/clusters/page.tsx
@@ -51,7 +51,7 @@ const Clusters = () => {
 
     return (
         <div className={styles.clusterBG + ' ' + 'h-screen w-screen p-0 flex justify-center '}>
-            <div className="absolute top-0 w-full p-5">
+            <div className="absolute top-0 w-full max-sm:p-3 p-5">
                 <NavBar />
             </div>
 

diff --git a/src/app/eventcluster/[event]/[name]/page.tsx b/src/app/eventcluster/[event]/[name]/page.tsx
@@ -7,7 +7,7 @@ import styles from '../../eventcluster.module.css';
 
 const events = ({ params }: { params: { event: number; name: string } }) => {
     return (
-        <div className={`min-h-screen w-full text-center lg:p-7 p-5 event + ${styles.event}`}>
+        <div className={`min-h-screen w-full text-center max-sm:p-3 p-5 event + ${styles.event}`}>
             <NavBar />
             <ImageChanger defaultImage={Back} hoverImage={BackEnlarge} />
             <p

diff --git a/src/app/events/[clusterId]/[name]/[eventId]/page.tsx b/src/app/events/[clusterId]/[name]/[eventId]/page.tsx
@@ -8,7 +8,7 @@ import styles from '../../../carousel.module.css';
 
 const events = ({ params }: { params: { clusterId: number; name: string; eventId: number } }) => {
     return (
-        <div className={`min-h-screen w-full text-center lg:p-7 p-5 event + ${styles.event}`}>
+        <div className={`min-h-screen w-full text-center max-sm:p-3 p-5 event + ${styles.event}`}>
             <NavBar />
             <ImageChanger defaultImage={Back} hoverImage={BackEnlarge} />
             <p

diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
@@ -132,7 +132,7 @@ const History = () => {
             onMouseMove={handleMouseMove}
         >
             <div className={styles.torch} ref={shadowRef}></div>
-            <div className="absolute top-0 w-full p-5">
+            <div className="absolute top-0 w-full max-sm:p-3 p-5">
                 <NavBar NavRef={navBarRef} />
             </div>
             <div className="flex w-[100%] h-[50%] items-center justify-center">

diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
@@ -62,7 +62,7 @@ export default function Home() {
                 }
             ></div>
             <div
-                className={'h-screen w-full text-center lg:p-7 p-5 home transitioned'}
+                className={'h-screen w-full text-center max-sm:p-3 p-5 home transitioned'}
                 onWheel={simulateScroll}
                 onTouchStart={handleTouchStart}
                 onTouchMove={handleTouchMove}

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -5,7 +5,7 @@ import { usePathname } from 'next/navigation';
 
 const Footer = () => {
     const pathname = usePathname();
-    const ommitedPaths = ['/login/', '/signup/'];
+    const ommitedPaths = ['/login/', '/signup/', '/'];
 
     if (ommitedPaths.includes(pathname)) {
         return null;