3750e99e61
- Add new wallet tab with placeholder for future functionality
- Reorder bottom tabs: You, Identities, Wallet, Bookmarks, Settings
- Move Reset Extension button to bottom-right corner on login page
- Improve header layout consistency across all pages
- Add custom scrollbar styling for Chrome (thin, dark track, light thumb)
- Update edit button to use emoji icon on identity page
- Fix horizontal overflow issues in global styles
Files modified:
- package.json (version bump)
- projects/{chrome,firefox}/src/app/app.routes.ts (wallet route)
- projects/{chrome,firefox}/src/app/components/home/wallet/* (new)
- projects/{chrome,firefox}/src/app/components/home/home.component.* (tabs)
- projects/{chrome,firefox}/src/app/components/vault-login/* (reset btn)
- projects/{chrome,firefox}/src/styles.scss (scrollbar, overflow)
- Various component HTML/SCSS files (header consistency)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
49 lines
876 B
SCSS
49 lines
876 B
SCSS
:host {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.tab-content {
|
|
height: calc(100% - 48px);
|
|
}
|
|
|
|
.tabs {
|
|
height: 48px;
|
|
min-height: 48px;
|
|
background: var(--background-light);
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
a, button {
|
|
all: unset;
|
|
}
|
|
|
|
.tab {
|
|
flex-grow: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
color: var(--muted-foreground);
|
|
border-top: 2px solid transparent;
|
|
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
|
|
|
|
cursor: pointer;
|
|
|
|
.emoji {
|
|
font-size: 20px;
|
|
}
|
|
|
|
&:hover {
|
|
background: var(--background-light-hover);
|
|
color: var(--foreground);
|
|
}
|
|
|
|
&.active {
|
|
color: var(--foreground);
|
|
border-top: 2px solid var(--primary);
|
|
}
|
|
}
|
|
}
|
|
}
|