avi/Keynctr
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(polish): align HomeScreen with design system

Browse source 
- Remove identity card gradient (flat surface + success border per
  flat-by-default rule)
- Fix profile row border-radius from 8px to var(--radius-sm) (9px)
- Improve publication empty state: centered layout with icon + button
  instead of inline sentence
- Normalize home-identity-name font-size to 16px (matches profile-name)
- Remove redundant grid-template-columns from home-grid
This commit is contained in:
Avi 2026-09-01 11:12:49 -05:00
commit 96dcbe4264
2 changed files with 22 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/screens/HomeScreen.tsx
View file

@ -226,13 +226,16 @@ function PublicationResult({
}) { }) {
if (!lastPublish) { if (!lastPublish) {
return ( return (
<p className="muted"> <div className="home-publish-empty">
You haven't published anything yet.{' '} <Icon name="edit" size={20} />
<button type="button" className="linklike" onClick={onNavigateCompose}> <p className="muted">
You haven't published anything yet.
</p>
<Button variant="secondary" size="sm" onClick={onNavigateCompose}>
<Icon name="edit" size={16} />
Compose your first note Compose your first note
</button> </Button>
. </div>
</p>
); );
} }

17
frontend/src/styles.css
View file

@ -1408,7 +1408,6 @@ select {
.home-grid { .home-grid {
display: grid; display: grid;
grid-template-columns: 1fr;
gap: 20px; gap: 20px;
} }
@ -1481,7 +1480,7 @@ select {
justify-content: space-between; justify-content: space-between;
gap: 20px; gap: 20px;
border-color: var(--success); border-color: var(--success);
background: linear-gradient(135deg, var(--surface), var(--success-soft)); background: var(--surface);
} }
.home-identity-content { .home-identity-content {
@ -1511,7 +1510,7 @@ select {
.home-identity-name { .home-identity-name {
margin: 0 0 4px; margin: 0 0 4px;
color: var(--text); color: var(--text);
font-size: 18px; font-size: 16px;
font-weight: 650; font-weight: 650;
} }
@ -1544,7 +1543,7 @@ select {
align-items: center; align-items: center;
gap: 14px; gap: 14px;
padding: 8px; padding: 8px;
border-radius: 8px; border-radius: var(--radius-sm);
border: 1px solid transparent; border: 1px solid transparent;
} }
@ -1583,6 +1582,16 @@ select {
margin-top: 14px; margin-top: 14px;
} }
.home-publish-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
padding: 8px 0;
text-align: center;
color: var(--text-muted);
}
.relay-status-list { .relay-status-list {
list-style: none; list-style: none;
margin: 0; margin: 0;