style: accordion headers kräftig wie sidebar buttons (bg-primary-600, white text, 2px padding)

This commit is contained in:
Agent Zero
2026-07-28 12:55:10 +02:00
parent 0ce3b8e4d1
commit 7462361874
+4 -4
View File
@@ -392,10 +392,10 @@ export function ContactsListPage() {
> >
<div className="flex flex-col h-full overflow-y-auto"> <div className="flex flex-col h-full overflow-y-auto">
{/* Accordion 1: Custom Views */} {/* Accordion 1: Custom Views */}
<div className="border-b border-secondary-200"> <div className="p-0.5">
<button <button
onClick={() => setViewsOpen(!viewsOpen)} onClick={() => setViewsOpen(!viewsOpen)}
className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-primary-700 bg-primary-50 hover:bg-primary-100 transition-colors" className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 transition-colors"
> >
<span className="flex items-center gap-1.5"> <span className="flex items-center gap-1.5">
<LayoutGrid className="w-3.5 h-3.5" strokeWidth={2} /> <LayoutGrid className="w-3.5 h-3.5" strokeWidth={2} />
@@ -472,10 +472,10 @@ export function ContactsListPage() {
)} )}
</div> </div>
{/* Accordion 2: Folders */} {/* Accordion 2: Folders */}
<div className="flex-1"> <div className="flex-1 p-0.5">
<button <button
onClick={() => setFoldersOpen(!foldersOpen)} onClick={() => setFoldersOpen(!foldersOpen)}
className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-primary-700 bg-primary-50 hover:bg-primary-100 transition-colors" className="w-full flex items-center justify-between px-3 py-2.5 rounded-md text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 transition-colors"
> >
<span className="flex items-center gap-1.5"> <span className="flex items-center gap-1.5">
<Bookmark className="w-3.5 h-3.5" strokeWidth={2} /> <Bookmark className="w-3.5 h-3.5" strokeWidth={2} />