lashman/openpylon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

feat: apply board color to TopBar border and column header accents

Browse Source
This commit is contained in:
Your Name
2026-02-15 20:26:51 +02:00
parent 27246d70f2
commit 16ea05cfe0
3 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/board/ColumnHeader.tsx
View File

@@ -17,9 +17,10 @@ import type { Column, ColumnWidth } from "@/types/board";
interface ColumnHeaderProps {
column: Column;
cardCount: number;
boardColor?: string;
}
export function ColumnHeader({ column, cardCount }: ColumnHeaderProps) {
export function ColumnHeader({ column, cardCount, boardColor }: ColumnHeaderProps) {
const [editing, setEditing] = useState(false);
const [editValue, setEditValue] = useState(column.title);
const inputRef = useRef<HTMLInputElement>(null);
@@ -59,7 +60,7 @@ export function ColumnHeader({ column, cardCount }: ColumnHeaderProps) {
}
return (
<div className="flex items-center justify-between border-b border-border px-3 pb-2 pt-3">
<div className="flex items-center justify-between border-b border-border px-3 pb-2 pt-3" style={{ borderTop: boardColor ? `3px solid ${boardColor}30` : undefined }}>
<div className="flex items-center gap-2 overflow-hidden">
{editing ? (
<input