init
This commit is contained in:
@@ -25,22 +25,21 @@ export function NotesEditor({ initialNotes, onSave }: Props) {
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="flex flex-col gap-2 rounded-lg border border-muted/40 bg-surface p-4">
|
||||
<div className="flex flex-col gap-2 rounded-2xl border border-white/10 bg-surface/55 shadow-lg shadow-black/10 backdrop-blur-md p-4">
|
||||
<label className="text-sm font-medium text-fg/60">Notatki</label>
|
||||
<textarea
|
||||
value={value}
|
||||
onChange={(e) => { setValue(e.target.value); setSaved(false); }}
|
||||
placeholder="Dodaj notatki do tego treningu…"
|
||||
rows={3}
|
||||
className="w-full resize-none rounded border border-muted/40 bg-bg px-3 py-2 text-sm text-fg placeholder:text-fg/30 focus:border-accent focus:outline-none"
|
||||
className="w-full resize-none rounded border border-white/10 bg-bg px-3 py-2 text-sm text-fg placeholder:text-fg/30 focus:border-accent focus:outline-none"
|
||||
/>
|
||||
<div className="flex items-center justify-end gap-3">
|
||||
{saved && <span className="text-xs text-fg/40">Zapisano</span>}
|
||||
<button
|
||||
onClick={handleSave}
|
||||
disabled={!dirty || isPending}
|
||||
className="rounded px-3 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-40"
|
||||
style={{ background: "var(--color-accent)", color: "#fff" }}
|
||||
className="btn btn-primary px-3 py-1.5 text-xs"
|
||||
>
|
||||
{isPending ? "Zapisuję…" : "Zapisz"}
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user