ui fixes
This commit is contained in:
MuslemRahimi
parent
c4ddd78c51
commit
dc4687555e
@ -47,7 +47,7 @@
|
|||||||
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href="/pricing"
|
href="/pricing"
|
||||||
@ -68,7 +68,7 @@
|
|||||||
|
|
||||||
{#if newsList?.length !== 0}
|
{#if newsList?.length !== 0}
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<div class="p-4 text-sm">
|
<div class="p-4 text-sm">
|
||||||
<h3 class="text-lg text-white font-semibold mb-3">
|
<h3 class="text-lg text-white font-semibold mb-3">
|
||||||
|
|||||||
@ -144,7 +144,7 @@
|
|||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full text-white text-start p-3 sm:p-5 mb-10 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]"
|
class="w-full text-white text-start p-3 sm:p-5 mb-10 rounded-md sm:flex sm:flex-row sm:items-center border border-gray-600 text-sm sm:text-[1rem]"
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2"
|
class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2"
|
||||||
@ -198,7 +198,7 @@
|
|||||||
|
|
||||||
{#if rawData?.history?.length !== 0}
|
{#if rawData?.history?.length !== 0}
|
||||||
<div
|
<div
|
||||||
class="mb-4 grid grid-cols-2 grid-rows-1 divide-gray-500 rounded-lg border border-gray-600 bg-[#272727] shadow md:grid-cols-3 md:grid-rows-1 divide-x"
|
class="mb-4 grid grid-cols-2 grid-rows-1 divide-gray-600 rounded-md border border-gray-600 md:grid-cols-3 md:grid-rows-1 divide-x"
|
||||||
>
|
>
|
||||||
<div class="p-4 bp:p-5 sm:p-6">
|
<div class="p-4 bp:p-5 sm:p-6">
|
||||||
<label
|
<label
|
||||||
|
|||||||
@ -120,7 +120,7 @@
|
|||||||
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href="/pricing"
|
href="/pricing"
|
||||||
@ -141,7 +141,7 @@
|
|||||||
|
|
||||||
{#if newsList?.length !== 0}
|
{#if newsList?.length !== 0}
|
||||||
<div
|
<div
|
||||||
class="w-full sm:hover:text-white text-white border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full sm:hover:text-white text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<div class="p-4 text-sm">
|
<div class="p-4 text-sm">
|
||||||
<h3 class="text-lg text-white font-semibold mb-3">
|
<h3 class="text-lg text-white font-semibold mb-3">
|
||||||
|
|||||||
@ -270,28 +270,24 @@
|
|||||||
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
|
||||||
Insider Trading
|
Insider Trading
|
||||||
</h1>
|
</h1>
|
||||||
|
{#if insiderTradingList?.length === 0}
|
||||||
<div
|
<div
|
||||||
class="w-fit text-white p-3 sm:p-5 mb-5 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]"
|
class="w-fit text-white p-3 sm:p-5 mb-5 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]"
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
viewBox="0 0 256 256"
|
|
||||||
><path
|
|
||||||
fill="#a474f6"
|
|
||||||
d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"
|
|
||||||
/></svg
|
|
||||||
>
|
>
|
||||||
|
<svg
|
||||||
|
class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 256 256"
|
||||||
|
><path
|
||||||
|
fill="#a474f6"
|
||||||
|
d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"
|
||||||
|
/></svg
|
||||||
|
>
|
||||||
|
|
||||||
{#if insiderTradingList?.length !== 0}
|
|
||||||
Get detailed insights of Insiders who bought or sold {$displayCompanyName}
|
|
||||||
and the amounts involved!
|
|
||||||
{:else}
|
|
||||||
No trading history available for {$displayCompanyName}. Likely no
|
No trading history available for {$displayCompanyName}. Likely no
|
||||||
insider trading has happened yet.
|
insider trading has happened yet.
|
||||||
{/if}
|
</div>
|
||||||
</div>
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{#if isLoaded}
|
{#if isLoaded}
|
||||||
@ -401,11 +397,11 @@
|
|||||||
>
|
>
|
||||||
<!--Start Put/Call-->
|
<!--Start Put/Call-->
|
||||||
<div
|
<div
|
||||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 bg-[#262626] shadow-lg rounded-md h-20"
|
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20"
|
||||||
>
|
>
|
||||||
<div class="flex flex-col items-start">
|
<div class="flex flex-col items-start">
|
||||||
<span
|
<span
|
||||||
class="font-medium text-gray-200 text-sm sm:text-[1rem]"
|
class="font-medium text-white text-sm sm:text-[1rem]"
|
||||||
>Buy/Sell</span
|
>Buy/Sell</span
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
@ -463,11 +459,11 @@
|
|||||||
<!--End Put/Call-->
|
<!--End Put/Call-->
|
||||||
<!--Start Call Flow-->
|
<!--Start Call Flow-->
|
||||||
<div
|
<div
|
||||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 bg-[#262626] shadow-lg rounded-md h-20"
|
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20"
|
||||||
>
|
>
|
||||||
<div class="flex flex-col items-start">
|
<div class="flex flex-col items-start">
|
||||||
<span
|
<span
|
||||||
class="font-medium text-gray-200 text-sm sm:text-[1rem]"
|
class="font-medium text-white text-sm sm:text-[1rem]"
|
||||||
>Bought Shares</span
|
>Bought Shares</span
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
@ -525,11 +521,11 @@
|
|||||||
<!--End Call Flow-->
|
<!--End Call Flow-->
|
||||||
<!--Start Put Flow-->
|
<!--Start Put Flow-->
|
||||||
<div
|
<div
|
||||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 bg-[#262626] shadow-lg rounded-md h-20"
|
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20"
|
||||||
>
|
>
|
||||||
<div class="flex flex-col items-start">
|
<div class="flex flex-col items-start">
|
||||||
<span
|
<span
|
||||||
class="font-medium text-gray-200 text-sm sm:text-[1rem]"
|
class="font-medium text-white text-sm sm:text-[1rem]"
|
||||||
>Sold Shares</span
|
>Sold Shares</span
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
|
|||||||
@ -14,7 +14,6 @@
|
|||||||
let partyRatio = 0;
|
let partyRatio = 0;
|
||||||
let senateTradingList = [];
|
let senateTradingList = [];
|
||||||
let isLoaded = false;
|
let isLoaded = false;
|
||||||
let images = {};
|
|
||||||
|
|
||||||
let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
|
let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
|
||||||
|
|
||||||
@ -133,289 +132,271 @@
|
|||||||
Congress Trading
|
Congress Trading
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div
|
{#if isLoaded}
|
||||||
class="text-white p-3 sm:p-5 mb-10 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]"
|
{#if senateTradingList?.length !== 0}
|
||||||
>
|
<!--Start Widget-->
|
||||||
<svg
|
|
||||||
class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
viewBox="0 0 256 256"
|
|
||||||
><path
|
|
||||||
fill="#a474f6"
|
|
||||||
d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"
|
|
||||||
/></svg
|
|
||||||
>
|
|
||||||
Get detailed insights of Corrupt US Politician 🇺🇸 who bought or sold
|
|
||||||
{$displayCompanyName} and the amounts involved!
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{#if isLoaded}
|
|
||||||
{#if senateTradingList?.length !== 0}
|
|
||||||
<h3 class="text-white text-xl font-semibold">
|
|
||||||
Congress Statistics
|
|
||||||
</h3>
|
|
||||||
<!--Start Widget-->
|
|
||||||
<div
|
|
||||||
class="w-full mt-5 mb-10 m-auto flex justify-center items-center"
|
|
||||||
>
|
|
||||||
<div
|
<div
|
||||||
class="w-full grid grid-cols-2 sm:grid-cols-3 gap-y-3 lg:gap-y-3 gap-x-3"
|
class="w-full mt-5 mb-10 m-auto flex justify-center items-center"
|
||||||
>
|
>
|
||||||
<!--Start Buy/Sell-->
|
|
||||||
<div
|
<div
|
||||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 bg-[#262626] rounded-lg h-20"
|
class="w-full grid grid-cols-2 sm:grid-cols-3 gap-y-3 lg:gap-y-3 gap-x-3"
|
||||||
>
|
>
|
||||||
<div class="flex flex-col items-start">
|
<!--Start Buy/Sell-->
|
||||||
<span
|
<div
|
||||||
class="font-semibold text-gray-200 text-sm sm:text-[1rem]"
|
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20"
|
||||||
>Buy/Sell</span
|
>
|
||||||
>
|
<div class="flex flex-col items-start">
|
||||||
<span
|
<span
|
||||||
class="text-start text-sm sm:text-[1rem] font-medium text-white"
|
class="font-semibold text-white text-sm sm:text-[1rem]"
|
||||||
>
|
>Buy/Sell</span
|
||||||
{buySellRatio?.toFixed(3)}
|
>
|
||||||
</span>
|
<span
|
||||||
</div>
|
class="text-start text-sm sm:text-[1rem] font-medium text-white"
|
||||||
<!-- Circular Progress -->
|
>
|
||||||
<div class="relative size-14 ml-auto">
|
{buySellRatio?.toFixed(3)}
|
||||||
<svg
|
</span>
|
||||||
class="size-full w-14 h-14"
|
</div>
|
||||||
viewBox="0 0 36 36"
|
<!-- Circular Progress -->
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
<div class="relative size-14 ml-auto">
|
||||||
>
|
<svg
|
||||||
<!-- Background Circle -->
|
class="size-full w-14 h-14"
|
||||||
<circle
|
viewBox="0 0 36 36"
|
||||||
cx="18"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
cy="18"
|
>
|
||||||
r="16"
|
<!-- Background Circle -->
|
||||||
fill="none"
|
|
||||||
class="stroke-current text-[#3E3E3E]"
|
|
||||||
stroke-width="3"
|
|
||||||
></circle>
|
|
||||||
<!-- Progress Circle inside a group with rotation -->
|
|
||||||
<g class="origin-center -rotate-90 transform">
|
|
||||||
<circle
|
<circle
|
||||||
cx="18"
|
cx="18"
|
||||||
cy="18"
|
cy="18"
|
||||||
r="16"
|
r="16"
|
||||||
fill="none"
|
fill="none"
|
||||||
class="stroke-current {buySellRatio >= 0.5
|
class="stroke-current text-[#3E3E3E]"
|
||||||
? 'text-[#00FC50]'
|
|
||||||
: 'text-[#EE5365]'} "
|
|
||||||
stroke-width="3"
|
stroke-width="3"
|
||||||
stroke-dasharray="100"
|
|
||||||
stroke-dashoffset={100 - buySellRatio * 100 >= 0
|
|
||||||
? 100 - (buySellRatio * 100)?.toFixed(2)
|
|
||||||
: 0}
|
|
||||||
></circle>
|
></circle>
|
||||||
</g>
|
<!-- Progress Circle inside a group with rotation -->
|
||||||
</svg>
|
<g class="origin-center -rotate-90 transform">
|
||||||
<!-- Percentage Text -->
|
<circle
|
||||||
<div
|
cx="18"
|
||||||
class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2"
|
cy="18"
|
||||||
>
|
r="16"
|
||||||
<span
|
fill="none"
|
||||||
class="text-center text-white text-sm sm:text-[1rem]"
|
class="stroke-current {buySellRatio >= 0.5
|
||||||
>{buySellRatio?.toFixed(2)}</span
|
? 'text-[#00FC50]'
|
||||||
|
: 'text-[#EE5365]'} "
|
||||||
|
stroke-width="3"
|
||||||
|
stroke-dasharray="100"
|
||||||
|
stroke-dashoffset={100 - buySellRatio * 100 >= 0
|
||||||
|
? 100 - (buySellRatio * 100)?.toFixed(2)
|
||||||
|
: 0}
|
||||||
|
></circle>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
<!-- Percentage Text -->
|
||||||
|
<div
|
||||||
|
class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2"
|
||||||
>
|
>
|
||||||
|
<span
|
||||||
|
class="text-center text-white text-sm sm:text-[1rem]"
|
||||||
|
>{buySellRatio?.toFixed(2)}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- End Circular Progress -->
|
||||||
</div>
|
</div>
|
||||||
<!-- End Circular Progress -->
|
<!--End Buy/Sell-->
|
||||||
</div>
|
<!--Start Dem/Rep-->
|
||||||
<!--End Buy/Sell-->
|
<div
|
||||||
<!--Start Dem/Rep-->
|
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 border border-gray-600 rounded-md h-20"
|
||||||
<div
|
>
|
||||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-4 bg-[#262626] rounded-lg h-20"
|
<div class="flex flex-col items-start">
|
||||||
>
|
<span
|
||||||
<div class="flex flex-col items-start">
|
class="font-semibold text-white text-sm sm:text-[1rem]"
|
||||||
<span
|
>Dem/Rep</span
|
||||||
class="font-semibold text-gray-200 text-sm sm:text-[1rem]"
|
>
|
||||||
>Dem/Rep</span
|
<span
|
||||||
>
|
class="text-start text-sm sm:text-[1rem] font-medium text-white"
|
||||||
<span
|
>
|
||||||
class="text-start text-sm sm:text-[1rem] font-medium text-white"
|
{partyRatio?.toFixed(3)}
|
||||||
>
|
</span>
|
||||||
{partyRatio?.toFixed(3)}
|
</div>
|
||||||
</span>
|
<!-- Circular Progress -->
|
||||||
</div>
|
<div class="relative size-14 ml-auto">
|
||||||
<!-- Circular Progress -->
|
<svg
|
||||||
<div class="relative size-14 ml-auto">
|
class="size-full w-14 h-14"
|
||||||
<svg
|
viewBox="0 0 36 36"
|
||||||
class="size-full w-14 h-14"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
viewBox="0 0 36 36"
|
>
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
<!-- Background Circle -->
|
||||||
>
|
|
||||||
<!-- Background Circle -->
|
|
||||||
<circle
|
|
||||||
cx="18"
|
|
||||||
cy="18"
|
|
||||||
r="16"
|
|
||||||
fill="none"
|
|
||||||
class="stroke-current text-[#3E3E3E]"
|
|
||||||
stroke-width="3"
|
|
||||||
></circle>
|
|
||||||
<!-- Progress Circle inside a group with rotation -->
|
|
||||||
<g class="origin-center -rotate-90 transform">
|
|
||||||
<circle
|
<circle
|
||||||
cx="18"
|
cx="18"
|
||||||
cy="18"
|
cy="18"
|
||||||
r="16"
|
r="16"
|
||||||
fill="none"
|
fill="none"
|
||||||
class="stroke-current text-blue-500"
|
class="stroke-current text-[#3E3E3E]"
|
||||||
stroke-width="3"
|
stroke-width="3"
|
||||||
stroke-dasharray="100"
|
|
||||||
stroke-dashoffset={100 - partyRatio * 100 >= 0
|
|
||||||
? 100 - (partyRatio * 100)?.toFixed(2)
|
|
||||||
: 0}
|
|
||||||
></circle>
|
></circle>
|
||||||
</g>
|
<!-- Progress Circle inside a group with rotation -->
|
||||||
</svg>
|
<g class="origin-center -rotate-90 transform">
|
||||||
<!-- Percentage Text -->
|
<circle
|
||||||
<div
|
cx="18"
|
||||||
class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2"
|
cy="18"
|
||||||
>
|
r="16"
|
||||||
<span
|
fill="none"
|
||||||
class="text-center text-white text-sm sm:text-[1rem]"
|
class="stroke-current text-blue-500"
|
||||||
>{partyRatio?.toFixed(2)}</span
|
stroke-width="3"
|
||||||
|
stroke-dasharray="100"
|
||||||
|
stroke-dashoffset={100 - partyRatio * 100 >= 0
|
||||||
|
? 100 - (partyRatio * 100)?.toFixed(2)
|
||||||
|
: 0}
|
||||||
|
></circle>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
<!-- Percentage Text -->
|
||||||
|
<div
|
||||||
|
class="absolute top-1/2 start-1/2 transform -translate-y-1/2 -translate-x-1/2"
|
||||||
>
|
>
|
||||||
|
<span
|
||||||
|
class="text-center text-white text-sm sm:text-[1rem]"
|
||||||
|
>{partyRatio?.toFixed(2)}</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- End Circular Progress -->
|
||||||
</div>
|
</div>
|
||||||
<!-- End Circular Progress -->
|
<!--End Put/Call-->
|
||||||
</div>
|
</div>
|
||||||
<!--End Put/Call-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!--End Widget-->
|
||||||
<!--End Widget-->
|
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll"
|
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll"
|
||||||
>
|
|
||||||
<table
|
|
||||||
class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
|
||||||
>
|
>
|
||||||
<thead>
|
<table
|
||||||
<tr class="bg-[#09090B] border-b border-[#27272A]">
|
class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
||||||
<th
|
>
|
||||||
class="shadow-md text-start bg-[#09090B] text-white text-sm font-semibold"
|
<thead>
|
||||||
>
|
<tr class="bg-[#09090B] border-b border-[#27272A]">
|
||||||
Person
|
<th
|
||||||
</th>
|
class="shadow-md text-start bg-[#09090B] text-white text-sm font-semibold"
|
||||||
<th
|
|
||||||
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold"
|
|
||||||
>
|
|
||||||
Transaction Date
|
|
||||||
</th>
|
|
||||||
<th
|
|
||||||
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold"
|
|
||||||
>
|
|
||||||
Amount
|
|
||||||
</th>
|
|
||||||
<th
|
|
||||||
class="shadow-md text-white font-semibold text-end text-sm"
|
|
||||||
>Type</th
|
|
||||||
>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{#each senateTradingList as item}
|
|
||||||
<tr
|
|
||||||
class="odd:bg-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]"
|
|
||||||
>
|
|
||||||
<td
|
|
||||||
class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3 border-b border-b-[#09090B]"
|
|
||||||
>
|
>
|
||||||
<div class="flex flex-row items-center">
|
Person
|
||||||
<div
|
</th>
|
||||||
class="flex-shrink-0 rounded-full border border-slate-700 w-10 h-10 sm:w-12 sm:h-12 relative {item?.party ===
|
<th
|
||||||
'Republican'
|
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold"
|
||||||
? 'bg-[#98272B]'
|
|
||||||
: item?.party === 'Democratic'
|
|
||||||
? 'bg-[#295AC7]'
|
|
||||||
: 'bg-[#4E2153]'} flex items-center justify-center"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
style="clip-path: circle(50%);"
|
|
||||||
class="avatar rounded-full w-7 sm:w-9"
|
|
||||||
src={`${cloudFrontUrl}/assets/senator/${item?.representative?.replace(/\s+/g, "_")}.png`}
|
|
||||||
loading="lazy"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div class="flex flex-col ml-3">
|
|
||||||
<a
|
|
||||||
href={`/politicians/${item?.id}`}
|
|
||||||
class="sm:hover:text-white text-blue-400"
|
|
||||||
>{item?.representative?.replace("_", " ")}</a
|
|
||||||
>
|
|
||||||
<span class="">{item?.party}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--{item?.firstName} {item?.lastName}-->
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td
|
|
||||||
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#09090B]"
|
|
||||||
>
|
>
|
||||||
{new Date(item?.transactionDate)?.toLocaleString(
|
Transaction Date
|
||||||
"en-US",
|
</th>
|
||||||
{
|
<th
|
||||||
month: "short",
|
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold"
|
||||||
day: "numeric",
|
|
||||||
year: "numeric",
|
|
||||||
daySuffix: "2-digit",
|
|
||||||
},
|
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td
|
|
||||||
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#09090B]"
|
|
||||||
>
|
>
|
||||||
{item?.amount}
|
Amount
|
||||||
</td>
|
</th>
|
||||||
<td
|
<th
|
||||||
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#09090B]"
|
class="shadow-md text-white font-semibold text-end text-sm"
|
||||||
|
>Type</th
|
||||||
>
|
>
|
||||||
{#if item?.type === "Bought"}
|
|
||||||
<span class="text-[#00FC50]">Bought</span>
|
|
||||||
{:else if item?.type === "Sold"}
|
|
||||||
<span class="text-[#FF2F1F]">Sold</span>
|
|
||||||
{:else if item?.type === "Exchange"}
|
|
||||||
<span class="text-[#C6A755]">Exchange</span>
|
|
||||||
{/if}
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
{/each}
|
</thead>
|
||||||
</tbody>
|
<tbody>
|
||||||
</table>
|
{#each senateTradingList as item}
|
||||||
</div>
|
<tr
|
||||||
|
class="odd:bg-[#27272A] sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]"
|
||||||
|
>
|
||||||
|
<td
|
||||||
|
class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3 border-b border-b-[#09090B]"
|
||||||
|
>
|
||||||
|
<div class="flex flex-row items-center">
|
||||||
|
<div
|
||||||
|
class="flex-shrink-0 rounded-full border border-slate-700 w-10 h-10 sm:w-12 sm:h-12 relative {item?.party ===
|
||||||
|
'Republican'
|
||||||
|
? 'bg-[#98272B]'
|
||||||
|
: item?.party === 'Democratic'
|
||||||
|
? 'bg-[#295AC7]'
|
||||||
|
: 'bg-[#4E2153]'} flex items-center justify-center"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
style="clip-path: circle(50%);"
|
||||||
|
class="avatar rounded-full w-7 sm:w-9"
|
||||||
|
src={`${cloudFrontUrl}/assets/senator/${item?.representative?.replace(/\s+/g, "_")}.png`}
|
||||||
|
loading="lazy"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col ml-3">
|
||||||
|
<a
|
||||||
|
href={`/politicians/${item?.id}`}
|
||||||
|
class="sm:hover:text-white text-blue-400"
|
||||||
|
>{item?.representative?.replace("_", " ")}</a
|
||||||
|
>
|
||||||
|
<span class="">{item?.party}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--{item?.firstName} {item?.lastName}-->
|
||||||
|
</td>
|
||||||
|
|
||||||
{#if rawData?.length >= 20}
|
<td
|
||||||
<label
|
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#09090B]"
|
||||||
on:click={backToTop}
|
>
|
||||||
class="w-32 py-1.5 mt-10 hover:bg-white hover:bg-opacity-[0.05] cursor-pointer m-auto flex justify-center items-center border border-slate-800 rounded-full"
|
{new Date(item?.transactionDate)?.toLocaleString(
|
||||||
|
"en-US",
|
||||||
|
{
|
||||||
|
month: "short",
|
||||||
|
day: "numeric",
|
||||||
|
year: "numeric",
|
||||||
|
daySuffix: "2-digit",
|
||||||
|
},
|
||||||
|
)}
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td
|
||||||
|
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#09090B]"
|
||||||
|
>
|
||||||
|
{item?.amount}
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white border-b border-b-[#09090B]"
|
||||||
|
>
|
||||||
|
{#if item?.type === "Bought"}
|
||||||
|
<span class="text-[#00FC50]">Bought</span>
|
||||||
|
{:else if item?.type === "Sold"}
|
||||||
|
<span class="text-[#FF2F1F]">Sold</span>
|
||||||
|
{:else if item?.type === "Exchange"}
|
||||||
|
<span class="text-[#C6A755]">Exchange</span>
|
||||||
|
{/if}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{/each}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{#if rawData?.length >= 20}
|
||||||
|
<label
|
||||||
|
on:click={backToTop}
|
||||||
|
class="w-32 py-1.5 mt-10 hover:bg-white hover:bg-opacity-[0.05] cursor-pointer m-auto flex justify-center items-center border border-slate-800 rounded-full"
|
||||||
|
>
|
||||||
|
Back to top
|
||||||
|
</label>
|
||||||
|
{/if}
|
||||||
|
{:else}
|
||||||
|
<h2
|
||||||
|
class="pl-4 pr-4 flex justify-center items-center text-md sm:text-lg text-center text-slate-200"
|
||||||
>
|
>
|
||||||
Back to top
|
No trading history available for {$displayCompanyName}. Likely
|
||||||
</label>
|
no corrupt politican has interest in this stock.
|
||||||
|
</h2>
|
||||||
{/if}
|
{/if}
|
||||||
{:else}
|
{:else}
|
||||||
<h2
|
<div class="flex justify-center items-center h-80">
|
||||||
class="pl-4 pr-4 flex justify-center items-center text-md sm:text-lg text-center text-slate-200"
|
<div class="relative">
|
||||||
>
|
<label
|
||||||
No trading history available for {$displayCompanyName}. Likely no
|
class="bg-[#09090B] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
|
||||||
corrupt politican has interest in this stock.
|
>
|
||||||
</h2>
|
<span class="loading loading-spinner loading-md text-gray-400"
|
||||||
{/if}
|
></span>
|
||||||
{:else}
|
</label>
|
||||||
<div class="flex justify-center items-center h-80">
|
</div>
|
||||||
<div class="relative">
|
|
||||||
<label
|
|
||||||
class="bg-[#09090B] rounded-xl h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
|
|
||||||
>
|
|
||||||
<span class="loading loading-spinner loading-md text-gray-400"
|
|
||||||
></span>
|
|
||||||
</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
{/if}
|
||||||
{/if}
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -124,21 +124,6 @@
|
|||||||
Transcripts
|
Transcripts
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div
|
|
||||||
class="text-white p-3 sm:p-5 mb-10 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]"
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
class="w-6 h-6 flex-shrink-0 inline-block sm:mr-2"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
viewBox="0 0 256 256"
|
|
||||||
><path
|
|
||||||
fill="#a474f6"
|
|
||||||
d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"
|
|
||||||
/></svg
|
|
||||||
>
|
|
||||||
Discover the earnings call highlights and investor Q&A with {$displayCompanyName}!
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex w-fit sm:w-[50%] md:block md:w-auto ml-auto">
|
<div class="flex w-fit sm:w-[50%] md:block md:w-auto ml-auto">
|
||||||
<div class="relative inline-block text-left grow">
|
<div class="relative inline-block text-left grow">
|
||||||
<DropdownMenu.Root>
|
<DropdownMenu.Root>
|
||||||
@ -279,7 +264,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="flex flex-col w-full leading-1.5 p-4 bg-[#27272A] rounded-l-xl rounded-tr-xl"
|
class="flex flex-col w-full leading-1.5 p-4 border border-gray-600 rounded-l-xl rounded-tr-xl"
|
||||||
>
|
>
|
||||||
<p class="text-sm font-normal py-2.5 text-gray-200">
|
<p class="text-sm font-normal py-2.5 text-gray-200">
|
||||||
{@html item?.description}
|
{@html item?.description}
|
||||||
@ -307,7 +292,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="flex flex-col w-full leading-1.5 p-4 bg-[#27272A] rounded-r-xl rounded-tl-xl"
|
class="flex flex-col w-full leading-1.5 p-4 border border-gray-600 rounded-r-xl rounded-tl-xl"
|
||||||
>
|
>
|
||||||
<p class="text-sm font-normal py-2.5 text-gray-200">
|
<p class="text-sm font-normal py-2.5 text-gray-200">
|
||||||
{@html item?.description}
|
{@html item?.description}
|
||||||
@ -319,7 +304,7 @@
|
|||||||
|
|
||||||
<label
|
<label
|
||||||
on:click={backToTop}
|
on:click={backToTop}
|
||||||
class="w-32 py-1.5 mt-10 hover:bg-white hover:bg-opacity-[0.05] cursor-pointer m-auto flex justify-center items-center border border-slate-800 rounded-full"
|
class="w-32 py-1.5 mt-10 hover:bg-white hover:bg-opacity-[0.05] cursor-pointer m-auto flex justify-center items-center border border-gray-600 rounded-full"
|
||||||
>
|
>
|
||||||
Back to top
|
Back to top
|
||||||
</label>
|
</label>
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href="/pricing"
|
href="/pricing"
|
||||||
@ -25,7 +25,7 @@
|
|||||||
>
|
>
|
||||||
<div class="w-full flex justify-between items-center p-3 mt-3">
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
Pro Subscription 🔥
|
Pro Subscription
|
||||||
</h2>
|
</h2>
|
||||||
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
|
||||||
</div>
|
</div>
|
||||||
@ -37,7 +37,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={"/price-alert"}
|
href={"/price-alert"}
|
||||||
@ -45,7 +45,7 @@
|
|||||||
>
|
>
|
||||||
<div class="w-full flex justify-between items-center p-3 mt-3">
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
Price Alert ⏰
|
Price Alert
|
||||||
</h2>
|
</h2>
|
||||||
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
|
||||||
</div>
|
</div>
|
||||||
@ -56,7 +56,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={"/stock-screener"}
|
href={"/stock-screener"}
|
||||||
@ -64,7 +64,7 @@
|
|||||||
>
|
>
|
||||||
<div class="w-full flex justify-between items-center p-3 mt-3">
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
Stock Screener 🔎
|
Stock Screener
|
||||||
</h2>
|
</h2>
|
||||||
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href="/pricing"
|
href="/pricing"
|
||||||
@ -25,7 +25,7 @@
|
|||||||
>
|
>
|
||||||
<div class="w-full flex justify-between items-center p-3 mt-3">
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
||||||
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
<h2 class="text-start text-xl font-semibold text-white ml-3">
|
||||||
Pro Subscription 🔥
|
Pro Subscription
|
||||||
</h2>
|
</h2>
|
||||||
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
|
<ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0" />
|
||||||
</div>
|
</div>
|
||||||
@ -37,7 +37,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={"/options-flow"}
|
href={"/options-flow"}
|
||||||
@ -56,7 +56,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={"/stock-screener"}
|
href={"/stock-screener"}
|
||||||
|
|||||||
@ -594,7 +594,7 @@
|
|||||||
|
|
||||||
{#if optionsPlotData?.length !== 0}
|
{#if optionsPlotData?.length !== 0}
|
||||||
<div
|
<div
|
||||||
class="mb-4 grid grid-cols-2 grid-rows-2 divide-gray-500 rounded-lg border border-gray-600 bg-[#272727] shadow md:grid-cols-4 md:grid-rows-1 md:divide-x"
|
class="mb-4 grid grid-cols-2 grid-rows-2 divide-gray-600 rounded-md border border-gray-600 md:grid-cols-4 md:grid-rows-1 md:divide-x"
|
||||||
>
|
>
|
||||||
<div class="p-4 bp:p-5 sm:p-6">
|
<div class="p-4 bp:p-5 sm:p-6">
|
||||||
<label
|
<label
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href="/pricing"
|
href="/pricing"
|
||||||
@ -37,7 +37,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={"/options-flow"}
|
href={"/options-flow"}
|
||||||
@ -56,7 +56,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={"/stock-screener"}
|
href={"/stock-screener"}
|
||||||
|
|||||||
@ -17,7 +17,7 @@
|
|||||||
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
<aside class="hidden lg:block relative fixed w-1/4 ml-4">
|
||||||
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial}
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href="/pricing"
|
href="/pricing"
|
||||||
@ -37,7 +37,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={"/price-alert"}
|
href={"/price-alert"}
|
||||||
@ -56,7 +56,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-full bg-[#27272A] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
|
||||||
>
|
>
|
||||||
<a
|
<a
|
||||||
href={"/stock-screener"}
|
href={"/stock-screener"}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user