03.01.26
This commit is contained in:
35
src/App.jsx
35
src/App.jsx
@@ -540,23 +540,33 @@ export default function App() {
|
|||||||
className="flex justify-between items-center p-2 rounded hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"
|
className="flex justify-between items-center p-2 rounded hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"
|
||||||
onClick={() => openInTryton("currency.currency", 2, ["form"])}
|
onClick={() => openInTryton("currency.currency", 2, ["form"])}
|
||||||
>
|
>
|
||||||
<div>
|
<div className="ml-6">
|
||||||
<div className="ml-6">
|
{/* LIGNE PRINCIPALE */}
|
||||||
|
<div className="flex items-center gap-3 text-gray-500">
|
||||||
|
|
||||||
{/* PAIRE */}
|
{/* PAIRE */}
|
||||||
<div className="text-sm text-gray-600">
|
<span className="text-sm uppercase tracking-wide text-gray-600">
|
||||||
{n.pair}
|
{n.pair}
|
||||||
</div>
|
</span>
|
||||||
|
|
||||||
{/* VALEUR */}
|
{/* VALEUR */}
|
||||||
<div className="text-3xl font-bold text-gray-500">
|
<span className="text-3xl font-bold tabular-nums">
|
||||||
{n.value?.toFixed(4)}
|
{n.value?.toFixed(4)}
|
||||||
</div>
|
</span>
|
||||||
|
|
||||||
{/* TREND */}
|
{/* DATE */}
|
||||||
{n.trendValue !== null && (
|
<span className="text-xs text-gray-400">
|
||||||
|
{n.date}
|
||||||
|
</span>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* BADGE CENTRÉ */}
|
||||||
|
{n.trendValue !== null && (
|
||||||
|
<div className="flex justify-center mt-1">
|
||||||
<span
|
<span
|
||||||
className={`
|
className={`
|
||||||
inline-block mt-1 px-2 py-0.5 text-xs font-semibold rounded-md border
|
px-2 py-0.5 text-xs font-semibold rounded-md border
|
||||||
${
|
${
|
||||||
n.trendValue >= 0
|
n.trendValue >= 0
|
||||||
? "bg-green-50 text-green-700 border-green-200 dark:bg-green-900/30 dark:text-green-400 dark:border-green-800"
|
? "bg-green-50 text-green-700 border-green-200 dark:bg-green-900/30 dark:text-green-400 dark:border-green-800"
|
||||||
@@ -567,12 +577,9 @@ export default function App() {
|
|||||||
{n.trendValue >= 0 ? "+" : ""}
|
{n.trendValue >= 0 ? "+" : ""}
|
||||||
{n.trendValue.toFixed(2)}%
|
{n.trendValue.toFixed(2)}%
|
||||||
</span>
|
</span>
|
||||||
)}
|
</div>
|
||||||
</div>
|
)}
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex items-center gap-2">
|
|
||||||
<span className="text-gray-500 text-xs">{n.date}</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user