Sidebar icons style fixes
This commit is contained in:
parent
6adbd573d9
commit
919c9ff7ea
|
@ -16,7 +16,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebarItemName {
|
.sidebarItemName {
|
||||||
align-items: baseline;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
@ -26,6 +26,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.userpic {
|
||||||
|
margin-right: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.selected {
|
.selected {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
|
@ -128,7 +128,7 @@ export const Sidebar = () => {
|
||||||
classList={{ [styles.unread]: checkAuthorIsSeen(author.slug) }}
|
classList={{ [styles.unread]: checkAuthorIsSeen(author.slug) }}
|
||||||
>
|
>
|
||||||
<div class={styles.sidebarItemName}>
|
<div class={styles.sidebarItemName}>
|
||||||
<Userpic name={author.name} userpic={author.userpic} />
|
<Userpic name={author.name} userpic={author.userpic} size="XS" class={styles.userpic} />
|
||||||
{author.name}
|
{author.name}
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user