mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 19:41:09 +02:00
e7398b2dee
Feedback from the latest screenshot: on the dark workbench theme the earlier "lift + shadow" polish was too subtle — the Try-On button read as equal weight to "Heute getragen" / "Archivieren" / "Löschen", so it didn't telegraph "this is THE action on the page". The primary-tinted shadow I used (shadow-primary/20) didn't have enough contrast against the dark card. Stronger visual hierarchy: - CTA bumps to rounded-xl + px-6 py-4 + text-lg + font-semibold (was rounded-lg + px-5 py-3.5 + text-base + font-medium). - At rest: neutral shadow-lg + primary/40 ring-2 so the button has a visible glow on both dark and light themes (neutral shadow works regardless of bg contrast; the primary ring carries the accent). - Hover: lift -translate-y-0.5 + shadow-xl + ring-4 at primary/50. - Active-press: back to baseline (translate-y-0, shadow-md, ring-2) for tactile feedback. - Sparkle icon 18 → 20; gap tightens to 2.5. - Applied identically to both GarmentTryOnButton + TryOnButton so solo and outfit surfaces share the same CTA weight. Secondary-action row collapses from three equal full-width buttons into one labelled button + two icon-only buttons: - "Heute getragen" keeps the full label and takes the remaining row width — it's the frequent positive action. - "Archivieren" + "Löschen" shrink to 36×36 icon buttons with tooltips (aria-label + title) carrying the full label. Archive uses the primary-tinted hover; Löschen keeps its destructive-red hover. Net effect: the Try-On CTA is now clearly the loudest element on the page, Heute-getragen sits cleanly below as a secondary action, and Archive/Löschen recede to minimal icon-only controls — no more visual competition with the primary CTA. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| api | ||
| calc/packages/shared | ||
| calendar | ||
| cards | ||
| chat | ||
| citycorners | ||
| contacts | ||
| context | ||
| docs | ||
| food | ||
| guides | ||
| inventory | ||
| mana | ||
| manavoxel | ||
| memoro | ||
| moodlit | ||
| mukke | ||
| news | ||
| photos | ||
| picture | ||
| plants | ||
| presi | ||
| questions | ||
| quotes/packages/content | ||
| skilltree | ||
| storage | ||
| times | ||
| todo | ||
| traces | ||
| uload | ||