krao/fourge-portal
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
.claude/settings.local.json
+2 -1
View File
@@ -20,7 +20,8 @@
"Bash(git commit -q -m 'fix: subcontractor PDF title + multi-page support *)", "Bash(git commit -q -m 'fix: subcontractor PDF title + multi-page support *)",
"Bash(git commit -q -m 'style: card-bg dark-based alpha to match Safari panel look *)", "Bash(git commit -q -m 'style: card-bg dark-based alpha to match Safari panel look *)",
"Bash(git commit -q -m 'style: white-based card-bg 0.07, blur 12px→20px for less transparency *)", "Bash(git commit -q -m 'style: white-based card-bg 0.07, blur 12px→20px for less transparency *)",
"Bash(git commit -q -m 'fix: subcontractor PDF quality, footer on all pages, header gap *)" "Bash(git commit -q -m 'fix: subcontractor PDF quality, footer on all pages, header gap *)",
"mcp__plugin_supabase_supabase__execute_sql"
] ]
} }
} }
src/index.css
+2 -2
View File
@@ -29,8 +29,8 @@
--bg: --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%), 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%); linear-gradient(180deg, #111111 0%, #0d0d0d 42%, #0a0a0a 100%);
--card-bg: rgba(255, 255, 255, 0.07); --card-bg: rgba(255, 255, 255, 0.055);
--card-bg-2: rgba(255, 255, 255, 0.12); --card-bg-2: rgba(255, 255, 255, 0.09);
--popup-bg: rgba(13,13,13,0.88); --popup-bg: rgba(13,13,13,0.88);
--text-primary: #ffffff; --text-primary: #ffffff;
--text-secondary: #a8a8a8; --text-secondary: #a8a8a8;
src/pages/ProjectDetail.jsx
+1 -1
View File
@@ -362,7 +362,7 @@ export default function ProjectDetailPage() {
return ( return (
<button key={tab.id} onClick={() => setActiveTab(tab.id)} className={`section-tab-btn${active ? ' is-active' : ''}`}> <button key={tab.id} onClick={() => setActiveTab(tab.id)} className={`section-tab-btn${active ? ' is-active' : ''}`}>
{tab.label} {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> </button>
); );
})} })}
src/pages/Tasks.jsx
+1 -1
View File
@@ -725,7 +725,7 @@ export default function RequestsPage() {
{tabs.map(t => ( {tabs.map(t => (
<button key={t.id} onClick={() => setActiveTab(t.id)} className={`section-tab-btn${activeTab === t.id ? ' is-active' : ''}`}> <button key={t.id} onClick={() => setActiveTab(t.id)} className={`section-tab-btn${activeTab === t.id ? ' is-active' : ''}`}>
{t.label} {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' }}> <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]} {tabCounts[t.id]}
</span> </span>