fix: resolve style

ReCoded-Org · Aug 31, 2022 · ec4669d · ec4669d
1 parent 0e356ec
commit ec4669d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/src/components/GlobalCarousel/EventCard/EventCard.jsx b/src/components/GlobalCarousel/EventCard/EventCard.jsx
@@ -15,27 +15,27 @@ const EventCard = ({ eventPost, org ,number}) => {
             </div>
             <div className='flex flex-col'>
                 <a href='#'>
-                    <h2 className='text-SourceSansPro mt-2 h-8 truncate text-center text-lg font-semibold text-black'>
-                        {org}
+                    <h2 className='mt-2 text-center text-lg font-bold font-quicksand uppercase text-black group-hover:text-white dark:text-white'>
+                        {eventPost.title}
                     </h2>
                 </a>
-                <p className='mb-4 text-center  text-black '>
+                <p className='mb-4 text-center text-black opacity-60 font-SourceSansPro group-hover:text-white dark:text-white'>
                     {eventPost.location}
                 </p>
                 <a href='#'>
-                    <h4 className='text-blue-light-400 mb-3 h-8 truncate text-center font-semibold '>
-                        {eventPost.title}
+                    <h4 className='mb-3 truncate text-center font-SourceSansPro  uppercase text-black group-hover:text-white dark:text-white'>
+                        {eventPost.tags[0]} | {eventPost.tags[1]}
                     </h4>
                 </a>
-                <div className='flex rounded-md bg-white'>
-                    <p className='ml-2 h-fit grow truncate bg-blue-light bg-opacity-10 px-3 pt-1.5 text-black text-opacity-70'>
-                        {eventPost.date}
+                <div className='flex rounded-md bg-gray'>
+                    <p className='ml-2 grow pt-1.5 opacity-60'>
+                        {eventPost.createdAt.slice(0, 10)}
                     </p>
                     <button
-                        className='button w-30 flex h-fit grow-0 flex-row justify-center justify-self-end truncate rounded-md bg-blue-light p-2'
+                        className='button w-30 flex grow-0 flex-row justify-center justify-self-end rounded-md bg-blue-light p-2 group-hover:bg-red dark:bg-red'
                         data-ripple-light='true'
                     >
-                        <p className='ml-3  text-white'>Read More</p>
+                        <p className='ml-3 text-white'>Read More</p>
                         <svg
                             xmlns='http://www.w3.org/2000/svg'
                             className='ml-2 mt-1 h-5 w-5 -translate-x-2 stroke-white transition duration-300 group-hover:translate-x-0'

diff --git a/src/components/GlobalCarousel/Events/Events.jsx b/src/components/GlobalCarousel/Events/Events.jsx
@@ -42,7 +42,7 @@ export default function Events({ carouselHeader, events}) {
     };
     let number = 1;
     return (
-        <div className='diagonal-box flex flex-col items-center bg-white mb-8 mt-7 pb-20 text-blue-light'>
+        <div className='diagonal-box flex flex-col items-center bg-white mb-8  pb-20 text-blue-light'>
             <div className='content mx-auto  md:w-9/12  '>
                 <h1 className='text-blue-light-400 mt-14 py-6 text-center font-quicksand text-5xl font-bold '>
                     {carouselHeader}

diff --git a/src/components/NewEvent/NewEvent.jsx b/src/components/NewEvent/NewEvent.jsx
@@ -10,7 +10,7 @@ function NewEvent({isLoggedAsNgoEvent}) {
       {isHidden ? (<AddNewEventForm setIsHidden={setIsHidden} isHidden={isHidden} />) : ("")}
       {isLoggedAsNgoEvent ?
       <div className='bg-gray'>
-      <div className='box flex flex-col bg-blue-light h-96 items-center'>
+      <div className='box flex flex-col bg-blue-light h-96 items-center font-quicksand'>
 
       <div className='text-center text-lg text-white md:max-w-md md:text-left'>
           <h1 className='mt-24 text-center text-5xl font-bold text-white'>
@@ -30,7 +30,7 @@ function NewEvent({isLoggedAsNgoEvent}) {
   </div>
        :
        <div className='bg-gray'>
-       <div className='diagonal-box flex flex-col bg-blue-light h-96 items-center'>
+       <div className='diagonal-box flex flex-col bg-blue-light h-96 items-center font-quicksand'>
        <div className='content'>
        <div className='text-center text-lg text-white md:max-w-md md:text-left'>
            <h1 className='mt-24 text-center text-5xl font-bold text-white'>