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">
|
<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} />
|
||||||
|
|||||||
Reference in New Issue
Block a user