fix: hide counter on All tabs; reduce card-bg alpha ~20%

- Tasks + ProjectDetail: skip count badge when tab.id === 'all'
- card-bg 0.07 → 0.055, card-bg-2 0.12 → 0.09

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Krao Hasanee
2026-06-08 16:46:02 -04:00
parent 623dcb7983
commit 4faf0e80b6
4 changed files with 6 additions and 5 deletions
+2 -2
View File
@@ -29,8 +29,8 @@
--bg:
radial-gradient(560px circle at 58% -6%, rgba(245, 165, 35, 0.16) 0%, rgba(245, 165, 35, 0.105) 24%, rgba(245, 165, 35, 0.055) 48%, rgba(245, 165, 35, 0.018) 72%, rgba(245, 165, 35, 0) 100%),
linear-gradient(180deg, #111111 0%, #0d0d0d 42%, #0a0a0a 100%);
--card-bg: rgba(255, 255, 255, 0.07);
--card-bg-2: rgba(255, 255, 255, 0.12);
--card-bg: rgba(255, 255, 255, 0.055);
--card-bg-2: rgba(255, 255, 255, 0.09);
--popup-bg: rgba(13,13,13,0.88);
--text-primary: #ffffff;
--text-secondary: #a8a8a8;
+1 -1
View File
@@ -362,7 +362,7 @@ export default function ProjectDetailPage() {
return (
<button key={tab.id} onClick={() => setActiveTab(tab.id)} className={`section-tab-btn${active ? ' is-active' : ''}`}>
{tab.label}
{count > 0 && <span style={{ marginLeft: 5, fontSize: 12, fontWeight: 600, color: active ? 'var(--accent)' : 'var(--text-muted)', background: 'var(--card-bg-2)', border: '1px solid var(--border)', borderRadius: 10, padding: '3px 8px' }}>{count}</span>}
{tab.id !== 'all' && count > 0 && <span style={{ marginLeft: 5, fontSize: 12, fontWeight: 600, color: active ? 'var(--accent)' : 'var(--text-muted)', background: 'var(--card-bg-2)', border: '1px solid var(--border)', borderRadius: 10, padding: '3px 8px' }}>{count}</span>}
</button>
);
})}
+1 -1
View File
@@ -725,7 +725,7 @@ export default function RequestsPage() {
{tabs.map(t => (
<button key={t.id} onClick={() => setActiveTab(t.id)} className={`section-tab-btn${activeTab === t.id ? ' is-active' : ''}`}>
{t.label}
{tabCounts[t.id] > 0 && (
{t.id !== 'all' && tabCounts[t.id] > 0 && (
<span style={{ marginLeft: 5, fontSize: 12, fontWeight: 600, color: activeTab === t.id ? 'var(--accent)' : 'var(--text-muted)', background: 'var(--card-bg-2)', border: '1px solid var(--border)', borderRadius: 10, padding: '3px 8px' }}>
{tabCounts[t.id]}
</span>