Fixed Apply button and See more button used TailwindCSS

sef-global · Jan 10, 2024 · f6fea0b · f6fea0b
1 parent 335507c
commit f6fea0b
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/components/Home/Home.tsx b/src/components/Home/Home.tsx
@@ -24,16 +24,18 @@ const Home: React.FC = () => (
           Unlock Mentorship Opportunities with ScholarX
         </Text>
         <div style={{ marginTop: '40px' }}>
-          <Button
-            className={styles.homePageMainButton}
-            style={{
-              marginRight: '20px',
-              marginBottom: '20px',
-            }}
-          >
-            Apply
-          </Button>
-          <Button className={styles.homePageMainButton}>See more</Button>
+          <div className="flex mt-10">
+            <Button
+              className={`flex justify-center items-center mr-5 mb-5 bg-blue-500 hover:bg-blue-700 text-white py-1 px-16 rounded w-40 h-9 font-sans font-bold`}
+            >
+              Apply
+            </Button>
+            <Button
+              className={`flex justify-center items-center mr-5 mb-5 text-black py-1 px-16 rounded w-40 h-9 font-sans font-bold`}
+            >
+              See more
+            </Button>
+          </div>
         </div>
       </Col>
       <Col xs={24} md={24} xl={12} style={{ marginTop: '40px' }}>