fix: footer bg

GDGVIT · Oct 30, 2023 · 53d6e56 · 53d6e56
1 parent 744df1f
commit 53d6e56
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/web/app/page.tsx b/web/app/page.tsx
@@ -206,7 +206,7 @@ export default function Home() {
         </Section>
         <Level level={"04"} />
         <Element name="events" />
-        <Section snap color='green' page='events' setIntersecting={setIntersecting}>
+        <Section snap color='pastel_green' page='events' setIntersecting={setIntersecting}>
           <motion.div style={{ scale: eventScale }} className='top-0 left-0 w-full pt-[15vh] text-dark'>
             <div className='w-[100vw] lg:w-[30vw] lg:min-w-[600px] mx-auto'>
               <h1 className='font-sans text-[3rem] font-extrabold text-center tracking-wider'>EVENTS</h1>
@@ -294,7 +294,7 @@ export default function Home() {
         </Section>
         <Level level={"01"} />
         <Element name="blogs" />
-        <Section snap color='blue' page='blogs' >
+        <Section snap color='pastel_blue' page='blogs' >
 
           <div className='flex flex-col md:flex-row xl:p-16 p-5 pt-[11vh] h-[100vh] items-center'>
             <BlogCover i={hoveringKey} text={hoveringText} />
@@ -309,7 +309,7 @@ export default function Home() {
 
         </Section>
         <Element name="footer" />
-        <Footer bg='blue' />
+        <Footer bg='pastel_blue' />
       </>}
   </main >
 

diff --git a/web/components/Footer.tsx b/web/components/Footer.tsx
@@ -28,7 +28,8 @@ const Footer: FC<Props> = ({bg}) => {
     // <div className={`w-full p-16 ${bg}`}>
     //     <p className="text-center">Made with &#9829; by GDSC-VIT</p>
     // </div>
-    <div className={`relative w-[100vw] text-white max-h-fit snap-y bg-${bg}`}>
+    <div className={`relative w-[100vw] text-white max-h-fit snap-y outline-pastel_blue`}>
+      <div className="absolute w-full bg-pastel_blue top-0 -mt-1 py-2"></div>
       {/* add an image sticking to the bottom of this div and with some margin on top */}
       <Image alt='footer' src={"/footer-clouds.svg"} width={200} height={200} className={`w-full h-auto pt-8 bg-${bg}`} />
       <div className='absolute bottom-0 w-full flex flex-col lg:px-32 px-20 xl:gap-14 lg:gap-10 gap-4 items-center'>