mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-15 05:01:08 +02:00
0ee3b145f0
The garment detail page used three different hover dialects — the model picker reacted with a primary-tinted bg + border (feels like a button), the secondary action buttons had a plain muted-grey hover, the edit pencil was invisible until hover, and the hero photo was entirely static. Result: the model picker was the only place that telegraphed "click me". Everything else felt flat. Align on one vocabulary across the page: primary-tinted border + primary/5 bg on hover for anything interactive. - Hero photo is now a `<button>` that opens the existing ImageLightbox with the garment's full-res mana-media URL (synthesised as a minimal picture.Image — prompt=name, no model/dims/date noise). Hover adds the primary-tinted border + a subtle shadow-md + a 1% scale on the `<img>` for depth. - Edit pencil becomes a labelled button "Bearbeiten" with the same primary hover. No more hover-to-discover — editing reads as a first-class action. - "Heute getragen", "Archivieren" drop the plain muted hover for the primary-tinted one. "Löschen" keeps its destructive-red tint but adds border-error/50 on hover so it feels as interactive as the others. Try-On CTA now reads as the most important action: - rounded-lg + px-5 py-3.5 + text-base + font-semibold (was rounded-md + px-4 py-2 + text-sm + font-medium). - shadow-md shadow-primary/20 at rest → shadow-lg shadow-primary/30 on hover, combined with -translate-y-0.5 for a subtle lift. - active:translate-y-0 + shadow-sm makes the press feel tactile. - Sparkle icon bumped 16 → 18, spinner likewise. Applied to both GarmentTryOnButton (solo) and TryOnButton (outfit) so the two surfaces share CTA weight. 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 | ||