feat: improve trainer bio UX — reorder sections, collapsible, scroll arrows, card hover
- Reorder: Groups → Description → Education → Achievements - Education and Achievements are collapsible (collapsed by default) - Section headings now gold instead of gray - Scroll arrows (left/right) replace fade indicators, always visible - Bigger cards (w-60), wider image thumbnails - Card hover: gold border glow, brighter text, subtle shadow (user side) - Admin cards: hover highlight + focus-within gold border for active editing - Auto-add draft item on blur to prevent data loss
This commit is contained in:
@@ -391,6 +391,7 @@ export function ListField({ label, items, onChange, placeholder }: ListFieldProp
|
||||
value={draft}
|
||||
onChange={(e) => setDraft(e.target.value)}
|
||||
onKeyDown={(e) => { if (e.key === "Enter") { e.preventDefault(); add(); } }}
|
||||
onBlur={add}
|
||||
placeholder={placeholder || "Добавить..."}
|
||||
className={dashedInput}
|
||||
/>
|
||||
@@ -468,7 +469,7 @@ export function VictoryListField({ label, items, onChange, placeholder, onLinkVa
|
||||
<label className="block text-sm text-neutral-400 mb-1.5">{label}</label>
|
||||
<div className="space-y-2">
|
||||
{items.map((item, i) => (
|
||||
<div key={i} className="rounded-lg border border-white/10 bg-neutral-800/50 p-2.5 space-y-1.5">
|
||||
<div key={i} className="rounded-lg border border-white/10 bg-neutral-800/50 p-2.5 space-y-1.5 transition-colors hover:border-gold/30 hover:bg-neutral-800/80 focus-within:border-gold/50 focus-within:bg-neutral-800">
|
||||
<div className="flex items-center gap-1.5">
|
||||
<input
|
||||
type="text"
|
||||
@@ -515,6 +516,7 @@ export function VictoryListField({ label, items, onChange, placeholder, onLinkVa
|
||||
value={draft}
|
||||
onChange={(e) => setDraft(e.target.value)}
|
||||
onKeyDown={(e) => { if (e.key === "Enter") { e.preventDefault(); add(); } }}
|
||||
onBlur={add}
|
||||
placeholder={placeholder || "Добавить..."}
|
||||
className={dashedInput}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user