ros/automaker
1
0
Fork 0
mirror of https://github.com/AutoMaker-Org/automaker.git synced 2026-02-04 09:13:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #362 from AutoMaker-Org/refactor/adjust-buttons-in-board-header

Browse Source 
style: update BoardHeader component for improved layout
This commit is contained in:
Shirone
2026-01-05 15:29:28 +01:00
committed by GitHub
parent d4649ec456 5991e99853
commit d558050dfa
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/ui/src/components/views/board-view/board-header.tsx
View File

@@ -22,6 +22,10 @@ interface BoardHeaderProps {
isMounted: boolean; isMounted: boolean;
} }
// Shared styles for header control containers
const controlContainerClass =
'flex items-center gap-1.5 px-3 h-8 rounded-md bg-secondary border border-border';
export function BoardHeader({ export function BoardHeader({
projectName, projectName,
maxConcurrency, maxConcurrency,
@@ -60,10 +64,7 @@ export function BoardHeader({
{/* Concurrency Slider - only show after mount to prevent hydration issues */} {/* Concurrency Slider - only show after mount to prevent hydration issues */}
{isMounted && ( {isMounted && (
<div <div className={controlContainerClass} data-testid="concurrency-slider-container">
className="flex items-center gap-2 px-3 py-1.5 rounded-lg bg-secondary border border-border"
data-testid="concurrency-slider-container"
>
<Bot className="w-4 h-4 text-muted-foreground" /> <Bot className="w-4 h-4 text-muted-foreground" />
<span className="text-sm font-medium">Agents</span> <span className="text-sm font-medium">Agents</span>
<Slider <Slider
@@ -86,7 +87,7 @@ export function BoardHeader({
{/* Auto Mode Toggle - only show after mount to prevent hydration issues */} {/* Auto Mode Toggle - only show after mount to prevent hydration issues */}
{isMounted && ( {isMounted && (
<div className="flex items-center gap-2 px-3 py-1.5 rounded-lg bg-secondary border border-border"> <div className={controlContainerClass} data-testid="auto-mode-toggle-container">
<Label htmlFor="auto-mode-toggle" className="text-sm font-medium cursor-pointer"> <Label htmlFor="auto-mode-toggle" className="text-sm font-medium cursor-pointer">
Auto Mode Auto Mode
</Label> </Label>