change sidebar icons

reutmihai · Oct 24, 2024 · b765274 · b765274
1 parent 6b3bf4a
commit b765274
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/src/assets/faculty-sidebar.png b/src/assets/faculty-sidebar.png
diff --git a/src/assets/university-sidebar.png b/src/assets/university-sidebar.png
diff --git a/src/components/Sidebar/Sidebar.jsx b/src/components/Sidebar/Sidebar.jsx
@@ -1,5 +1,7 @@
 import React from 'react';
 import styles from './Sidebar.module.css';
+import university from "../../assets/university-sidebar.png";
+import faculty from "../../assets/faculty-sidebar.png";
 
 const Sidebar = () => {
   return (
@@ -10,12 +12,18 @@ const Sidebar = () => {
           <ul>
             <li>
               <a href="#">
-                <span className={styles.icon}>📚</span> University
+                <span>
+                  <img src={faculty} className={styles.icon} />
+                </span>
+                University
               </a>
             </li>
             <li>
               <a href="#">
-                <span className={styles.icon}>🏛</span> Faculties
+                <span>
+                  <img src={university} className={styles.icon} />
+                </span>
+                Faculties
               </a>
             </li>
           </ul>

diff --git a/src/components/Sidebar/Sidebar.module.css b/src/components/Sidebar/Sidebar.module.css
@@ -17,6 +17,8 @@
 }
 
 .nav a {
+display: flex;
+gap: 10px;
 font-size: 14px;
 font-weight: 700;
 line-height: 24px;