refactor(sidebar): simplify NotificationsDropdown aria-label and adjust Sidebar layout

- Updated aria-label in NotificationsDropdown for improved accessibility and clarity.
- Adjusted Sidebar layout to enhance spacing and visual consistency.
This commit is contained in:
Anish Sarkar 2026-07-08 00:59:16 +05:30
parent 803577436f
commit c31f72e5bb
2 changed files with 2 additions and 6 deletions

View file

@ -274,11 +274,7 @@ export function NotificationsDropdown({
type="button" type="button"
variant="ghost" variant="ghost"
size="icon" size="icon"
aria-label={ aria-label="Notifications"
notifications.totalUnreadCount > 0
? `Notifications, ${unreadLabel} unread`
: "Notifications"
}
className={cn( className={cn(
"relative h-10 w-10 rounded-lg text-muted-foreground hover:bg-accent hover:text-accent-foreground", "relative h-10 w-10 rounded-lg text-muted-foreground hover:bg-accent hover:text-accent-foreground",
open && "bg-accent text-accent-foreground" open && "bg-accent text-accent-foreground"

View file

@ -201,7 +201,7 @@ export function Sidebar({
<div <div
className={cn( className={cn(
"relative flex flex-col gap-0.5 pt-1.5 pb-0 after:absolute after:inset-x-3 after:bottom-0 after:h-px after:bg-border after:transition-opacity", "relative flex flex-col gap-0.5 pt-1.5 pb-0 after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-border after:transition-opacity",
isSidebarNavScrolled ? "after:opacity-100" : "after:opacity-0" isSidebarNavScrolled ? "after:opacity-100" : "after:opacity-0"
)} )}
> >