ui fixes
This commit is contained in:
parent
c57ac25beb
commit
6b5dddf4d5
@ -33,8 +33,8 @@
|
|||||||
const day = parts.find((p) => p.type === "day").value;
|
const day = parts.find((p) => p.type === "day").value;
|
||||||
const hour = parts.find((p) => p.type === "hour").value.padStart(2, "0");
|
const hour = parts.find((p) => p.type === "hour").value.padStart(2, "0");
|
||||||
const minute = parts
|
const minute = parts
|
||||||
.find((p) => p.type === "minute")
|
?.find((p) => p.type === "minute")
|
||||||
.value.padStart(2, "0");
|
?.value.padStart(2, "0");
|
||||||
|
|
||||||
const ampm = parts.find((p) => p.type === "dayPeriod").value; // AM/PM
|
const ampm = parts.find((p) => p.type === "dayPeriod").value; // AM/PM
|
||||||
|
|
||||||
@ -49,7 +49,7 @@
|
|||||||
{ key: "volume", label: "Volume", align: "right" },
|
{ key: "volume", label: "Volume", align: "right" },
|
||||||
{ key: "sizeVolRatio", label: "Size / Vol", align: "right" },
|
{ key: "sizeVolRatio", label: "Size / Vol", align: "right" },
|
||||||
{ key: "sizeAvgVolRatio", label: "Size / Avg Vol", align: "right" },
|
{ key: "sizeAvgVolRatio", label: "Size / Avg Vol", align: "right" },
|
||||||
{ key: "premium", label: "Premium", align: "right" },
|
{ key: "premium", label: "Avg. Paid", align: "right" },
|
||||||
];
|
];
|
||||||
$: sortOrders = {
|
$: sortOrders = {
|
||||||
rank: { order: "none", type: "number" },
|
rank: { order: "none", type: "number" },
|
||||||
|
|||||||
@ -183,7 +183,7 @@
|
|||||||
on:click={() => sortData("premium")}
|
on:click={() => sortData("premium")}
|
||||||
class="cursor-pointer p-2 text-center select-none whitespace-nowrap"
|
class="cursor-pointer p-2 text-center select-none whitespace-nowrap"
|
||||||
>
|
>
|
||||||
Premium
|
Avg. Paid
|
||||||
<svg
|
<svg
|
||||||
class="shrink-0 w-4 h-4 -mt-1 {sortOrders['premium'] === 'asc'
|
class="shrink-0 w-4 h-4 -mt-1 {sortOrders['premium'] === 'asc'
|
||||||
? 'rotate-180 inline-block'
|
? 'rotate-180 inline-block'
|
||||||
@ -411,13 +411,13 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Sector Column -->
|
<!-- Sector Column -->
|
||||||
<div
|
<div
|
||||||
class="p-2 text-left text-white text-sm sm:text-[1rem] whitespace-nowrap"
|
class="p-2 text-center text-white text-sm sm:text-[1rem] whitespace-nowrap"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={sectorNavigation?.find(
|
href={sectorNavigation?.find(
|
||||||
(item) => item?.title === displayedData[index]?.sector,
|
(item) => item?.title === displayedData[index]?.sector,
|
||||||
)?.link}
|
)?.link}
|
||||||
class="hover:text-blue-400"
|
class="sm:hover:underline sm:hover:underline-offset-4"
|
||||||
>
|
>
|
||||||
{displayedData[index]?.sector?.length > 13
|
{displayedData[index]?.sector?.length > 13
|
||||||
? displayedData[index]?.sector?.slice(0, 13) + "..."
|
? displayedData[index]?.sector?.slice(0, 13) + "..."
|
||||||
|
|||||||
@ -769,7 +769,7 @@
|
|||||||
>
|
>
|
||||||
<input
|
<input
|
||||||
on:click={() =>
|
on:click={() =>
|
||||||
toast("Feature is coming soon 🔥", {
|
toast.info("Feature is coming soon 🔥", {
|
||||||
style:
|
style:
|
||||||
"border-radius: 5px; background: #fff; color: #000; border-color: #4B5563; font-size: 15px;",
|
"border-radius: 5px; background: #fff; color: #000; border-color: #4B5563; font-size: 15px;",
|
||||||
})}
|
})}
|
||||||
@ -853,7 +853,7 @@
|
|||||||
<Popover.Trigger asChild let:builder>
|
<Popover.Trigger asChild let:builder>
|
||||||
<Button
|
<Button
|
||||||
on:click={() =>
|
on:click={() =>
|
||||||
toast("Feature is coming soon 🔥", {
|
toast.info("Feature is coming soon 🔥", {
|
||||||
style:
|
style:
|
||||||
"border-radius: 5px; background: #fff; color: #000; border-color: #4B5563; font-size: 15px;",
|
"border-radius: 5px; background: #fff; color: #000; border-color: #4B5563; font-size: 15px;",
|
||||||
})}
|
})}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user