mirror of
https://github.com/R0m1k3/CollectFlow.git
synced 2026-10-21 05:58:10 +02:00
fix(grid): align Sync Qlik button with summary-bar actions
The button was a two-line flex-col (button + date below), making it taller than the single-line Export button next to it, so its button sat visibly higher in the items-center row. Lay it out inline instead: the "MAJ Qlik" date sits to the left (hidden under lg, kept in the tooltip), the button keeps the 36px btn-action height and now aligns with siblings. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
1 parent
5f364f7d52
commit
8cc95cb387
1 file changed
+8
-5
@@ -58,12 +58,18 @@ export function SyncQlikButton({ codeFournisseur, lastUpdate }: SyncQlikButtonPr
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex flex-col items-end">
|
<div className="flex items-center gap-2">
|
||||||
|
<span
|
||||||
|
className="text-[10px] leading-tight text-right whitespace-nowrap hidden lg:block"
|
||||||
|
style={{ color: status === "error" ? "var(--accent-error)" : "var(--text-muted)" }}
|
||||||
|
>
|
||||||
|
{status === "error" ? message : `MAJ Qlik · ${formatDate(lastUpdate)}`}
|
||||||
|
</span>
|
||||||
<button
|
<button
|
||||||
onClick={handleSync}
|
onClick={handleSync}
|
||||||
disabled={status === "loading"}
|
disabled={status === "loading"}
|
||||||
className="btn-action btn-action-secondary flex items-center gap-1.5 disabled:opacity-60"
|
className="btn-action btn-action-secondary flex items-center gap-1.5 disabled:opacity-60"
|
||||||
title={message || "Synchroniser les données réseau Qlik pour ce fournisseur"}
|
title={message || `Synchroniser les données réseau Qlik · MAJ ${formatDate(lastUpdate)}`}
|
||||||
>
|
>
|
||||||
{status === "loading" ? (
|
{status === "loading" ? (
|
||||||
<Loader2 className="w-3.5 h-3.5 animate-spin" />
|
<Loader2 className="w-3.5 h-3.5 animate-spin" />
|
||||||
@@ -76,9 +82,6 @@ export function SyncQlikButton({ codeFournisseur, lastUpdate }: SyncQlikButtonPr
|
|||||||
)}
|
)}
|
||||||
Sync Qlik
|
Sync Qlik
|
||||||
</button>
|
</button>
|
||||||
<span className="text-[10px] text-slate-500 mt-0.5">
|
|
||||||
{status === "error" ? message : `MAJ Qlik : ${formatDate(lastUpdate)}`}
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user