Merge pull request #111 from zwenie-tech/nihad/corrections-2

Nihad/corrections 2
zwenie-tech · Sep 27, 2024 · f11e1b0 · f11e1b0
2 parents 9fa42f8 + 07d91d0
commit f11e1b0
Show file tree

Hide file tree

Showing 7 changed files with 161 additions and 132 deletions.
diff --git a/public/images/gce_with_cm.jpg b/public/images/gce_with_cm.jpg
diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
diff --git a/src/app/competition/page.tsx b/src/app/competition/page.tsx
diff --git a/src/app/home/page.tsx b/src/app/home/page.tsx
@@ -227,7 +227,7 @@ const cards = [
           {dynamicContent}
 
           {/* Box 3 */}
-          <div className=" bg-light-gray relative flex justify-center items-center bg-cover my-3 rounded-2xl ">
+          <div className=" bg-light-gray relative flex justify-center items-center bg-cover my-8 rounded-2xl ">
             <div className="bg-opacity-50 bg-none p-4">
               <h2 className="text-2xl"style={{fontWeight:'bold'}}>പ്രൊഫസ്സർ  ശോഭീന്ദ്രൻ  സ്മാരക പരിസ്ഥിതി അവാർഡ് –2024-25
               (ഒരു ലക്ഷം രൂപയുടെ പുരസ്കാരങ്ങളും സമ്മാനങ്ങളും)</h2>

diff --git a/src/app/participant-list/item/page.tsx b/src/app/participant-list/item/page.tsx
@@ -51,19 +51,30 @@ const Item: React.FC = () => {
       <PageTitle title={`Tree number: ${treeDetails.up_id}`} />
       <div className="rounded-lg shadow-lg max-w-screen-lg mx-auto">
         <div className="rounded-lg border">
-          <div className='flex flex-col flex-wrap md:flex-row gap-3 p-4 overflow-hidden'>
-            {treeDetails.up_file && (
-                <img src={`${imageURL}${treeDetails.up_file}`} className='mx-auto' alt='' width={200} height={200} />
-            )}
-            {treeDetails.up_file_2 && (
-                <img src={`${imageURL}${treeDetails.up_file_2}`} className='mx-auto' alt='' width={200} height={200} />
-            )}
-            {treeDetails.up_file_3 && (
-                <img src={`${imageURL}${treeDetails.up_file_3}`} className='mx-auto' alt='' width={200} height={200} />
-            )}
-            {treeDetails.up_file_4 && (
-                <img src={`${imageURL}${treeDetails.up_file_4}`} className='mx-auto' alt='' width={200} height={200} />
-            )}
+          <div className='flex flex-col flex-wrap md:flex-row gap-3 p-4 overflow-hidden justify-center'>
+            {treeDetails.up_file ? (
+                <img src={`${imageURL}${treeDetails.up_file}`} className='' alt='' width={200} height={200} />
+            ):
+              <div className="size-48 bg-light-gray grid place-content-center">To be Uploaded</div>
+            }
+
+            {treeDetails.up_file_2 ? (
+                <img src={`${imageURL}${treeDetails.up_file_2}`} className='' alt='' width={200} height={200} />
+            ):
+              <div className="size-48 bg-light-gray grid place-content-center">To be Uploaded</div>
+            }
+
+            {treeDetails.up_file_3 ? (
+                <img src={`${imageURL}${treeDetails.up_file_3}`} className='' alt='' width={200} height={200} />
+            ):
+              <div className="size-48 bg-light-gray grid place-content-center">To be Uploaded</div>
+            }
+
+            {treeDetails.up_file_4 ? (
+                <img src={`${imageURL}${treeDetails.up_file_4}`} className='' alt='' width={200} height={200} />
+            ):
+              <div className="size-48 bg-light-gray grid place-content-center">To be Uploaded</div>
+            }
           </div>
           <hr className="my-2" />
           <div className="grid grid-cols-1 md:grid-cols-3 gap-4 p-4 md:p-6 rounded-3xl">

diff --git a/src/components/earth.tsx b/src/components/earth.tsx
@@ -6,7 +6,7 @@ const Earth = () => {
         <div className="container mt-3 mx-auto shadow-xl p-6">
             <div className="grid gap-4">
                 {/* First div */}
-                <div className="flex flex-col md:flex-row">
+                <div className="flex flex-col md:flex-row md:items-center">
                     <div className="md:w-[70%] md:pr-6 ml-8 mb-4 md:mb-0">
                         <h2 className="font-bold mb-2 text-3xl" style={{ color: '#3C6E1F' }}>Green Clean Earth Movement</h2>
                         <p>

diff --git a/src/components/gceBadge.tsx b/src/components/gceBadge.tsx
@@ -7,7 +7,7 @@ const GceBadge = () => {
     <div className="container mt-3 mx-auto shadow-xl p-6">
         <div className="grid gap-4">
             {/* First div */}
-            <div className="flex flex-col md:flex-row">
+            <div className="flex flex-col md:flex-row md:items-center">
                 <div className="md:w-[70%] md:pr-6 ml-8 mb-4 md:mb-0">
                     <h2 className="font-bold mb-2 text-3xl" style={{ color: '#3C6E1F' }}>Green Clean Earth Movement</h2>
                     <p>