fix: adjust padding and size of sidebar buttons for improved layout

This commit is contained in:
Linus Rath
2026-03-21 02:06:52 +01:00
parent 2d56cc9be9
commit 8350bad2a6
+3 -3
View File
@@ -521,12 +521,12 @@ export function Sidebar({
)} )}
> >
{/* Header */} {/* Header */}
<div className={cn("flex items-center border-b border-border", isCollapsed ? "justify-center px-2 py-3" : "gap-2 px-4 py-3")}> <div className={cn("flex items-center border-b border-border", isCollapsed ? "justify-center px-2 py-2" : "gap-1 px-2 py-2")}>
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"
onClick={onSidebarClose} onClick={onSidebarClose}
className="lg:hidden h-11 w-11 flex-shrink-0" className="lg:hidden h-9 w-9 flex-shrink-0"
aria-label={t("close")} aria-label={t("close")}
> >
<X className="w-5 h-5" /> <X className="w-5 h-5" />
@@ -547,7 +547,7 @@ export function Sidebar({
variant="ghost" variant="ghost"
size="icon" size="icon"
onClick={toggleSidebarCollapsed} onClick={toggleSidebarCollapsed}
className="hidden lg:flex flex-shrink-0" className="hidden lg:flex h-8 w-8 flex-shrink-0"
title={isCollapsed ? t("expand_tooltip") : t("collapse_tooltip")} title={isCollapsed ? t("expand_tooltip") : t("collapse_tooltip")}
> >
{isCollapsed ? <ChevronsRight className="w-4 h-4" /> : <ChevronsLeft className="w-4 h-4" />} {isCollapsed ? <ChevronsRight className="w-4 h-4" /> : <ChevronsLeft className="w-4 h-4" />}