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"
|
||||
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 */}
|
||||
<div className="text-sm text-gray-600">
|
||||
<span className="text-sm uppercase tracking-wide text-gray-600">
|
||||
{n.pair}
|
||||
</div>
|
||||
</span>
|
||||
|
||||
{/* VALEUR */}
|
||||
<div className="text-3xl font-bold text-gray-500">
|
||||
<span className="text-3xl font-bold tabular-nums">
|
||||
{n.value?.toFixed(4)}
|
||||
</div>
|
||||
</span>
|
||||
|
||||
{/* TREND */}
|
||||
{n.trendValue !== null && (
|
||||
{/* DATE */}
|
||||
<span className="text-xs text-gray-400">
|
||||
{n.date}
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
{/* BADGE CENTRÉ */}
|
||||
{n.trendValue !== null && (
|
||||
<div className="flex justify-center mt-1">
|
||||
<span
|
||||
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
|
||||
? "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.toFixed(2)}%
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-gray-500 text-xs">{n.date}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user