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