paul/picpeak
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix(admin): tab underlines use accent (not accent-dark) for proper highlight color

Browse Source
This commit is contained in:
Luca
2026-05-06 01:29:54 +02:00
parent 578a1745b8
commit 565ae45ca7
8 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/admin/AdminGuestDetail.tsx
+1 -1
View File
@@ -133,7 +133,7 @@ export const AdminGuestDetail: React.FC<AdminGuestDetailProps> = ({ eventId, gue
onClick={() => setTab(k)}
className={`px-3 py-2 text-sm font-medium border-b-2 transition ${
tab === k
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 hover:text-neutral-900 dark:hover:text-neutral-100'
}`}
>
frontend/src/components/admin/CssTemplateEditor.tsx
+1 -1
View File
@@ -108,7 +108,7 @@ export const CssTemplateEditor: React.FC = () => {
onClick={() => setActiveSlot(slot)}
className={`px-4 py-3 text-sm font-medium border-b-2 transition-colors ${
activeSlot === slot
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 hover:border-neutral-300 dark:hover:border-neutral-600'
}`}
>
frontend/src/pages/admin/BackupManagement.jsx
+1 -1
View File
@@ -197,7 +197,7 @@ export const BackupManagement = () => {
className={`
py-2 px-1 border-b-2 font-medium text-sm flex items-center space-x-2
${activeTab === tab.id
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300 hover:border-neutral-300 dark:hover:border-neutral-600'
}
`}
frontend/src/pages/admin/CMSPage.tsx
+3 -3
View File
@@ -523,10 +523,10 @@ export const CMSPage: React.FC = () => {
}
setSelectedPage(page.slug);
}}
className={`w-full text-left px-4 py-3 rounded-lg transition-colors flex items-center gap-3 ${
className={`w-full text-left px-4 py-3 rounded-lg transition-colors flex items-center gap-3 border ${
selectedPage === page.slug
? 'bg-accent-dark/15 text-accent-dark border border-accent-dark/30'
: 'bg-white dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-700 hover:bg-neutral-50 dark:hover:bg-neutral-700 text-neutral-900 dark:text-neutral-100'
? 'tile-selected'
: 'bg-white dark:bg-neutral-800 border-neutral-200 dark:border-neutral-700 hover:bg-neutral-50 dark:hover:bg-neutral-700 text-neutral-900 dark:text-neutral-100'
}`}
>
<FileText className="w-5 h-5 flex-shrink-0" />
frontend/src/pages/admin/EmailConfigPage.tsx
+2 -2
View File
@@ -353,7 +353,7 @@ export const EmailConfigPage: React.FC = () => {
onClick={() => setActiveTab('smtp')}
className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors ${
activeTab === 'smtp'
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300'
}`}
>
@@ -363,7 +363,7 @@ export const EmailConfigPage: React.FC = () => {
onClick={() => setActiveTab('templates')}
className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors ${
activeTab === 'templates'
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300'
}`}
>
frontend/src/pages/admin/EventDetailsPage.tsx
+4 -4
View File
@@ -1006,7 +1006,7 @@ export const EventDetailsPage: React.FC = () => {
onClick={() => setActiveTab('overview')}
className={`py-2 px-1 border-b-2 font-medium text-sm ${
activeTab === 'overview'
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300 hover:border-neutral-300 dark:hover:border-neutral-600'
}`}
>
@@ -1016,7 +1016,7 @@ export const EventDetailsPage: React.FC = () => {
onClick={() => setActiveTab('photos')}
className={`py-2 px-1 border-b-2 font-medium text-sm flex items-center gap-2 ${
activeTab === 'photos'
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300 hover:border-neutral-300 dark:hover:border-neutral-600'
}`}
>
@@ -1032,7 +1032,7 @@ export const EventDetailsPage: React.FC = () => {
onClick={() => setActiveTab('categories')}
className={`py-2 px-1 border-b-2 font-medium text-sm ${
activeTab === 'categories'
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300 hover:border-neutral-300 dark:hover:border-neutral-600'
}`}
>
@@ -1043,7 +1043,7 @@ export const EventDetailsPage: React.FC = () => {
onClick={() => setActiveTab('guests')}
className={`py-2 px-1 border-b-2 font-medium text-sm ${
activeTab === 'guests'
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300 hover:border-neutral-300 dark:hover:border-neutral-600'
}`}
>
frontend/src/pages/admin/EventFeedbackPage.tsx
+1 -1
View File
@@ -192,7 +192,7 @@ export const EventFeedbackPage: React.FC = () => {
onClick={() => setActiveTab(tab.id as any)}
className={`flex items-center gap-2 px-1 py-2 border-b-2 font-medium text-sm transition-colors ${
activeTab === tab.id
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 hover:text-neutral-700 hover:border-neutral-300'
}`}
>
frontend/src/pages/admin/UserManagementPage.tsx
+1 -1
View File
@@ -664,7 +664,7 @@ export const UserManagementPage: React.FC = () => {
onClick={() => setActiveTab(tab.key)}
className={`py-2 px-1 border-b-2 font-medium text-sm transition-colors flex items-center gap-2 ${
activeTab === tab.key
? 'border-accent-dark text-accent-dark'
? 'border-accent text-accent'
: 'border-transparent text-neutral-500 dark:text-neutral-400 hover:text-neutral-700 dark:hover:text-neutral-300'
}`}
>