charleslemaux/servii-frontend
1
0
Fork 0
mirror of https://github.com/hubHarmony/servii-frontend.git synced 2024-11-17 21:40:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[+] logo import

Browse Source 
(The design is perfect, change scss if gay.)
This commit is contained in:
Charles Le Maux 2024-08-24 16:30:40 +02:00
parent e2142d63f2
commit f8516d1ef3
3 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

4
src/components/navbar/Navbar.jsx
View File

@ -3,6 +3,7 @@ import { auth } from '../../service/firebase';
import styles from './Navbar.module.scss';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faUser, faCog, faSignOutAlt } from '@fortawesome/free-solid-svg-icons';
import logo from '../../assets/icon.png';
import PropTypes from "prop-types";
const Navbar = ({ user }) => {
@ -39,6 +40,9 @@ const Navbar = ({ user }) => {
return (
<div className={styles.navbar}>
<div className={styles.logoSection}>
<img src={logo} alt="Logo" />
</div>
<div className={styles.profileSection} onClick={toggleDropdown}>
{user && user.photoURL ? (
<img src={user.photoURL} alt="Profile" className={styles.profilePic} />

5
src/components/navbar/Navbar.module.scss
View File

@ -13,6 +13,11 @@
height: var(--navbar-height);
}
.logoSection {
justify-content: flex-start;
align-items: start;
}
.profileSection {
position: relative;
cursor: pointer;