feat: use avatar component in hamburger dropdown
This commit is contained in:
committed by
Michael Zetterberg
parent
7419aed0d3
commit
634e9651ec
@@ -76,8 +76,11 @@ export function MainMenu({
|
|||||||
<ul className={styles.linkRow}>
|
<ul className={styles.linkRow}>
|
||||||
{!!user ? (
|
{!!user ? (
|
||||||
<>
|
<>
|
||||||
<li>
|
<li className={styles.avatarWrapper}>
|
||||||
<div className={styles.loggedInLogo} />
|
<Avatar
|
||||||
|
firstName={user.firstName}
|
||||||
|
lastName={user.lastName}
|
||||||
|
/>
|
||||||
</li>
|
</li>
|
||||||
<li className={styles.mobileLinkRow}>
|
<li className={styles.mobileLinkRow}>
|
||||||
<Link
|
<Link
|
||||||
|
|||||||
@@ -180,13 +180,8 @@
|
|||||||
padding: 15px 15px 15px 5px;
|
padding: 15px 15px 15px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loggedInLogo {
|
.avatarWrapper {
|
||||||
height: 35px;
|
|
||||||
width: 35px;
|
|
||||||
border-radius: 50px;
|
|
||||||
background-color: #000;
|
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
margin-left: -4px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobileLinkButton {
|
.mobileLinkButton {
|
||||||
|
|||||||
Reference in New Issue
Block a user