fix: color changes

dscnitrourkela · Oct 17, 2024 · 2778beb · 2778beb
1 parent 4032e4f
commit 2778beb
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/src/components/AboutUs/body.styles.jsx b/src/components/AboutUs/body.styles.jsx
@@ -5,14 +5,14 @@ export const MainContainer = styled.div`
 `;
 
 export const BodyWrapper = styled.div`
-  ${tw`overflow-clip relative h-auto w-auto `}
+  ${tw`relative w-auto h-auto bg-black bg-opacity-20 overflow-clip`}
 `;
 
 export const BodyTitle = styled.h1`
-  ${tw`text-[25px] md:text-3xl lg:text-5xl mb-4 font-bold font-spaceX  rounded-xl mx-10 text-center  py-16  text-white`}
+  ${tw`text-[25px] md:text-3xl lg:text-5xl mb-4 font-bold font-spaceX  rounded-xl mx-10 text-center pt-20 pb-10  text-white  `}
 `;
 export const BodyContent = styled.div`
-  ${tw`flex gap-[50px] llg:gap-[60px] 2xl:gap-[140px] flex-col llg:flex-row px-[35px] llg:px-[80px] 2xl:px-[140px] bg-black bg-opacity-50 py-20`}
+  ${tw`flex gap-[50px] llg:gap-[60px] 2xl:gap-[140px] flex-col llg:flex-row px-[35px] llg:px-[80px] 2xl:px-[140px]  pb-16  `}
 `;
 
 export const BodyContentColumn = styled.div`

diff --git a/src/components/EventsSection/Header.jsx/header.jsx b/src/components/EventsSection/Header.jsx/header.jsx
@@ -4,7 +4,7 @@ export const Header = () => {
   return (
     <>
       <div id='events'>
-        <div className='w-full flex items-center overflow-hidden'>
+        <div className='flex items-center w-full overflow-hidden bg-black bg-opacity-50'>
           <BodyTitle
             className='w-full'
             style={{

diff --git a/src/components/Sponsers/Header.jsx b/src/components/Sponsers/Header.jsx
@@ -2,8 +2,8 @@ import { BodyTitle } from '../AboutUs/body.styles';
 
 export const Header = () => {
   return (
-    <>
+    <div className='bg-black bg-opacity-50'>
       <BodyTitle style={{ marginBottom: '0px' }}> Sponsors</BodyTitle>
-    </>
+    </div>
   );
 };
diff --git a/src/components/Sponsers/sponsers.styles.jsx b/src/components/Sponsers/sponsers.styles.jsx
@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import tw from 'twin.macro';
 
 export const SponsorWrapper = styled.div`
-  ${tw`min-h-screen p-4 sm:p-6 md:p-8 bg-black bg-opacity-50`}
+  ${tw`min-h-screen p-4 bg-black bg-opacity-50 sm:p-6 md:p-8`}
 `;
 
 export const SponsorContainer = styled.div`

diff --git a/src/components/Statistics/Header/Header.jsx b/src/components/Statistics/Header/Header.jsx
@@ -4,12 +4,12 @@ import { JetImage } from './JetImage';
 export const Header = () => {
   return (
     <>
-      <div className='w-full flex justify-center sm:justify-between items-center overflow-hidden'>
-        <div className='w-1/3  max-sm:hidden '>
+      <div className='flex items-center justify-center w-full overflow-hidden bg-black bg-opacity-50 sm:justify-between'>
+        <div className='w-1/3 max-sm:hidden bg-opacity-20'>
           <JetImage />
         </div>
-        <BodyTitle className='flex justify-center items-center'>STATISTICS</BodyTitle>
-        <div className='w-1/3  sm:block hidden'></div>
+        <BodyTitle className='flex items-center justify-center '>STATISTICS</BodyTitle>
+        <div className='hidden w-1/3 sm:block'></div>
       </div>
     </>
   );

diff --git a/src/components/Statistics/wrapper/Body.jsx b/src/components/Statistics/wrapper/Body.jsx
@@ -4,8 +4,8 @@ import { GraphMain } from '../PiChart/main';
 export const Body = () => {
   return (
     <>
-      <div className='flex flex-col justify-center items-center gap-10 p-20 bg-black bg-opacity-50'>
-        <div className='flex justify-center items-center'>
+      <div className='flex flex-col items-center justify-center gap-10 p-20 bg-black bg-opacity-50'>
+        <div className='flex items-center justify-center'>
           <Card />
         </div>
         <GraphMain />