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:
co-authored by
Claude Opus 4.6
parent
693ffed397
commit
54ab436563
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user