🔧 (Recommendations.scss): Update z-index value to 99 for better layer…

… management in the Recommendations component ✨ (NavLinks.jsx): Add Milan emoji image as a new asset for usage in the navigation links section
Milan-960 · Oct 22, 2024 · fdffb56 · fdffb56
1 parent 74b518f
commit fdffb56
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/src/Pages/About/Recommodations/Recommendations.scss b/src/Pages/About/Recommodations/Recommendations.scss
@@ -185,7 +185,7 @@
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.6);
-  z-index: 999;
+  z-index: 99;
   animation: fadeIn 0.4s forwards;
 }
 

diff --git a/src/assets/milan-emoji.png b/src/assets/milan-emoji.png
diff --git a/src/components/Navigation/NavLinks/NavLinks.jsx b/src/components/Navigation/NavLinks/NavLinks.jsx
@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import { NavLink } from "react-router-dom";
 
 import useSound from "use-sound";
+import milanMemoji from "../../../assets/milan-emoji.png";
 
 import {
   FcHome,
@@ -40,11 +41,7 @@ const NavLinks = () => {
   return (
     <button onMouseEnter={soundHandler} onMouseLeave={onLeaveHandler}>
       <ul className="navBar">
-        <img
-          className="img"
-          src="https://camo.githubusercontent.com/8f5b918c2fc8a9d95a5227683cd282c30889a5bad491b8d41f85ba33fbc7e302/68747470733a2f2f692e70696e696d672e636f6d2f6f726967696e616c732f63642f64392f37362f63646439373632383932383636316564633439303266613964393733343263352e6a7067"
-          alt="img"
-        />
+        <img className="img" src={milanMemoji} alt="memoji" />
         <li>
           <NavLink to={routes.HOME} activeClassName="activehome" exact>
             <FcHome />