Polish homepage avatar and project card interactions
CI / ci (push) Successful in 25s

- Remove avatar border, increase size to 128px, add circular clip wrapper
  with overflow:hidden + scale(1.08) to crop spiky fur edges cleanly
- Tighten hero avatar margin-bottom from 20px to 12px
- Add translateY(-2px) hover transform to project cards for subtle lift effect

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-04 20:38:44 +01:00
parent 7fbe9a3e43
commit d7f07e3cb3
2 changed files with 135 additions and 26 deletions
+3 -2
View File
@@ -169,12 +169,13 @@ function getPrimaryLink(project: Project): string | undefined {
border-radius: 6px;
padding: var(--space-md);
background: var(--color-bg);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.project-item:hover {
border-color: var(--color-accent);
border-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 0 1px var(--color-accent);
transform: translateY(-2px);
}
.project-item:hover .project-name {