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

style: card-bg dark-based alpha to match Safari panel look

Browse Source 
rgba(255,255,255,0.06) with backdrop blur renders lighter in Chrome.
rgba(0,0,0,0.35) gives consistent dark panel across all browsers.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Krao Hasanee
2026-06-08 16:01:23 -04:00
parent fa8ade83d6
commit 1dd7ca1922
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.claude/settings.local.json
+2 -1
View File
@@ -17,7 +17,8 @@
"Bash(sed -n '1,15p' src/pages/client/ClientMyInvoices.jsx)",
"Bash(git commit -q -m 'fix: restore popupOverlayStyle import in ExternalMyInvoices *)",
"Bash(git commit -q -m 'style: increase card-bg alpha to match Safari rendering *)",
"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 *)"
]
}
}
src/index.css
+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.06);
--card-bg-2: rgba(255, 255, 255, 0.10);
--card-bg: rgba(0, 0, 0, 0.35);
--card-bg-2: rgba(0, 0, 0, 0.48);
--popup-bg: rgba(13,13,13,0.88);
--text-primary: #ffffff;
--text-secondary: #a8a8a8;