add Landing page mode images

infoshareacademy · Mar 2, 2024 · 77e5205 · 77e5205
1 parent 59ad05b
commit 77e5205
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 11 deletions.
diff --git a/my-app/public/images/main-img-dark.png b/my-app/public/images/main-img-dark.png
diff --git a/my-app/public/images/main-img-dark1.png b/my-app/public/images/main-img-dark1.png
diff --git a/my-app/public/images/main-img.png b/my-app/public/images/main-img.png
diff --git a/my-app/src/Components/LandingPage/LandingPage.tsx b/my-app/src/Components/LandingPage/LandingPage.tsx
@@ -1,9 +1,9 @@
-import {ReactElement, useState, useEffect, useContext } from "react";
+import { ReactElement, useState, useEffect, useContext } from "react";
 import styles from "./LandingPage.module.css";
 import { ThemeContext } from "../../providers/theme.tsx";
 import { LandingPageProps } from "./LandingPage.types";
 
-export const LandingPage = ({ quotes }:LandingPageProps):ReactElement => {
+export const LandingPage = ({ quotes }: LandingPageProps): ReactElement => {
   const [quote, setQuote] = useState<string>(quotes[0]);
 
   const { theme } = useContext(ThemeContext);
@@ -30,10 +30,11 @@ export const LandingPage = ({ quotes }:LandingPageProps):ReactElement => {
           </p>
         </div>
         <div className={styles["info__image-container"]}>
-          <img
-            className={styles["info__img"]}
-            src="../public/images/studio.png"
-          ></img>
+          {theme === "light" ? (
+            <img className={styles["info__img"]} src="../public/images/main-img.png" />
+          ) : (
+            <img className={styles["info__img"]} src="../public/images/main-img-dark1.png" />
+          )}
         </div>
       </div>
     </div>

diff --git a/my-app/src/Components/Portfolio/Portfolio.module.css b/my-app/src/Components/Portfolio/Portfolio.module.css
@@ -56,7 +56,6 @@
   height: 150px;
   border-radius: 25px;
   transition: 0.5s all ease-in-out;
-  border: 0.3px solid var(--box-light-color-dark);
 }
 
 .portfolio__photo:hover {
@@ -81,7 +80,3 @@
   background: var(--box-light-color-dark);
   color: var(--main-text-color-dark);
 }
-
-.dark .portfolio__photo {
-  border: 0.3px solid white;
-}