feat: redesign client view header — dark gradient card with modern layout

- Dark gradient background (#0f1923 → #1c2d3f) replacing old blue card
- Rounded 72px avatar with compact upload/capture/delete buttons
- Name row: bold white text + green status badge + menu button
- ID chips: monospace font, semi-transparent background
- 4-column details grid with cell borders inside rounded container
- All labels 9px uppercase, values 12.5px white
- Responsive: 3-col → 2-col → 1-col on smaller screens
- Also fix: 2-column grid specificity for dialog file upload

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Aditya
2026-03-21 00:40:38 +05:30
co-authored by Claude Opus 4.6
parent 693ffed397
commit 54ab436563
4 changed files with 379 additions and 246 deletions
@@ -87,12 +87,12 @@ $white: #fff;
display: flex;
flex-direction: column;
gap: 4px;
}
&--cols-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4px 16px;
}
.fd-grid.fd-grid--cols-2 {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 4px 16px;
&--cols-3 {
display: grid;