feat(ui): add text label to navigation toggle button

- Add 'Show menu' / 'Hide menu' text next to chevron icon
- Uses text-text-muted and font-mono for consistency
- Improves button discoverability and clarity
This commit is contained in:
spencrmartin
2025-11-07 08:08:00 -05:00
parent 41e4879d5a
commit f038eebac1
@@ -34,12 +34,15 @@ const AppLayoutContent: React.FC<AppLayoutProps> = () => {
<div className="absolute top-4 right-4 z-50 flex gap-2">
<Button
onClick={() => setIsNavExpanded(!isNavExpanded)}
className="no-drag hover:!bg-background-medium bg-background-default rounded-xl shadow-sm"
className="no-drag hover:!bg-background-medium bg-background-default rounded-xl shadow-sm relative"
variant="ghost"
size="xs"
title="Toggle navigation"
>
{isNavExpanded ? <ChevronUp className="w-4 h-4" /> : <ChevronDown className="w-4 h-4" />}
<span className="ml-2 text-xs text-text-muted font-mono">
{isNavExpanded ? 'Hide menu' : 'Show menu'}
</span>
</Button>
<Button
onClick={handleNewWindow}