Chevron to view all

This commit is contained in:
Kalle 2026-03-05 20:21:59 +02:00
parent acc519d0ec
commit 3b0d012b2e
2 changed files with 17 additions and 1 deletions

View File

@ -122,6 +122,16 @@
padding: var(--s-1) var(--s-2);
}
.viewAllLink {
display: flex;
align-items: center;
gap: 2px;
& svg {
stroke-width: 3;
}
}
/* Doubled selector increases specificity to beat Button.module.css's display: flex */
.sideNavCollapseButton.sideNavCollapseButton {
display: none;

View File

@ -3,6 +3,7 @@ import { isToday, isTomorrow } from "date-fns";
import {
Bell,
Calendar,
ChevronRight,
LogIn,
PanelLeft,
Settings,
@ -262,7 +263,12 @@ export function Layout({
<SideNavHeader
icon={<Users />}
action={<Link to={FRIENDS_PAGE}>{t("common:actions.viewAll")}</Link>}
action={
<Link to={FRIENDS_PAGE} className={styles.viewAllLink}>
{t("common:actions.viewAll")}
<ChevronRight size={14} />
</Link>
}
>
{t("front:sideNav.friends")}
</SideNavHeader>