style: accordion headers kräftig wie sidebar buttons (bg-primary-600, white text, 2px padding)
This commit is contained in:
@@ -392,10 +392,10 @@ export function ContactsListPage() {
|
||||
>
|
||||
<div className="flex flex-col h-full overflow-y-auto">
|
||||
{/* Accordion 1: Custom Views */}
|
||||
<div className="border-b border-secondary-200">
|
||||
<div className="p-0.5">
|
||||
<button
|
||||
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">
|
||||
<LayoutGrid className="w-3.5 h-3.5" strokeWidth={2} />
|
||||
@@ -472,10 +472,10 @@ export function ContactsListPage() {
|
||||
)}
|
||||
</div>
|
||||
{/* Accordion 2: Folders */}
|
||||
<div className="flex-1">
|
||||
<div className="flex-1 p-0.5">
|
||||
<button
|
||||
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">
|
||||
<Bookmark className="w-3.5 h-3.5" strokeWidth={2} />
|
||||
|
||||
Reference in New Issue
Block a user