MetaMask / MetaMask/metamask-extension

[Design quality]: Update header styling for Portfolio View

Open
#27,313 0 comments 0 reactions 1 assignee Claimed by @gambinish View on GitHub
area-design regression-prod-12.2.4 team-assets type-enhancement
Dominant language
TypeScript
Stars
13.2k
Forks
5.6k
Avg merge
2d 5h
Merged PRs (30d)
451

Description

### Describe the bug

The header shadow makes the experience feel heavy. Updating the styling creates a more modern, polished look.

### Expected behavior

For `multichain-app-header`
- `multichain-app-header-shadow` is removed
- `border-bottom: 1px solid var(--color-border-muted)` is applied

### Screenshots/Recordings

Screenshot 2024-09-20 at 10 54 06 AM

[Figma link](https://www.figma.com/design/aMYisczaJyEsYl1TYdcPUL/Portfolio-View?node-id=5136-39406&t=ScwAp5cXkdFelVda-4)

### Steps to reproduce

Open MetaMask

### Error messages or log output

_No response_

### Detection stage

In production (default)

### Version

12.2.4

### Build type

None

### Browser

Brave

### Operating system

MacOS

### Hardware wallet

_No response_

### Additional context

Ping @amandaye0h for context and final review

### Severity

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.