ui fixes
This commit is contained in:
MuslemRahimi
parent
184aa60c2b
commit
9c5f39fc6f
@ -1,6 +1,6 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en" class="bg-[#09090B]">
|
||||
<html lang="en" class="bg-default">
|
||||
<head>
|
||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
||||
<link rel="manifest" href="%sveltekit.assets%/manifest.json" />
|
||||
@ -12,7 +12,7 @@
|
||||
<!-- Global background color -->
|
||||
<body
|
||||
data-sveltekit-preload-data="hover"
|
||||
class="bg-[#09090B] overflow-x-hidden"
|
||||
class="bg-default overflow-x-hidden"
|
||||
>
|
||||
<div>%sveltekit.body%</div>
|
||||
</body>
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
<main class="overflow-hidden">
|
||||
<div class="w-full">
|
||||
<div
|
||||
class="flex flex-col items-center w-auto p-4 sm:p-4 bg-[#09090B] sm:bg-[#09090B] rounded-md relative"
|
||||
class="flex flex-col items-center w-auto p-4 sm:p-4 bg-default sm:bg-default rounded-md relative"
|
||||
>
|
||||
<div class="relative">
|
||||
<h3 class="text-center text-white text-sm sm:text-[1rem] mb-2">
|
||||
@ -184,10 +184,12 @@
|
||||
for you.
|
||||
</p>
|
||||
|
||||
<table class="table table-sm table-compact w-full mt-5 mb-10 text-white">
|
||||
<table
|
||||
class="table table-sm table-compact bg-table border border-gray-800 w-full mt-5 mb-10 text-white"
|
||||
>
|
||||
<!-- head -->
|
||||
<thead>
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<th class=" text-white text-sm font-semibold">
|
||||
Bullish Probability
|
||||
</th>
|
||||
@ -197,48 +199,48 @@
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- row 1 -->
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]">+80% </td>
|
||||
<td class="text-sm sm:text-[1rem]">Strong Buy</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">10</td>
|
||||
</tr>
|
||||
<!-- row 2 -->
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]">+75%</td>
|
||||
<td class="text-sm sm:text-[1rem]">Buy</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">9</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]">+70%</td>
|
||||
<td class="text-sm sm:text-[1rem]">Buy</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">8</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]"> +60% </td>
|
||||
<td class="text-sm sm:text-[1rem]">Buy</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">7</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]">+50%</td>
|
||||
<td class="text-sm sm:text-[1rem]">Hold</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">6</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]">+45%</td>
|
||||
<td class="text-sm sm:text-[1rem]">Hold</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">5</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]">+40%</td>
|
||||
<td class="text-sm sm:text-[1rem]">Hold</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">4</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]">+35%</td>
|
||||
<td class="text-sm sm:text-[1rem]">Sell</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">3</td>
|
||||
</tr>
|
||||
<tr class="border-b border-slate-700 odd:bg-odd">
|
||||
<tr class="border-b border-gray-800 odd:bg-odd">
|
||||
<td class="text-sm sm:text-[1rem]">+30%</td>
|
||||
<td class="text-sm sm:text-[1rem]">Sell</td>
|
||||
<td class="text-sm sm:text-[1rem] text-end">2</td>
|
||||
|
||||
@ -87,7 +87,7 @@
|
||||
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
|
||||
></label>
|
||||
|
||||
<div class="modal-box w-full bg-[#09090B] overflow-hidden">
|
||||
<div class="modal-box w-full bg-default overflow-hidden">
|
||||
<div class="flex flex-col w-full mt-10 sm:mt-0">
|
||||
<div class="text-white text-3xl font-bold mb-5">
|
||||
Portfolio Tournament 🔥🚀
|
||||
@ -290,7 +290,7 @@
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="text-white text-sm border bg-[#09090B] border-gray-800 p-3 rounded-md overflow-y-scroll h-56"
|
||||
class="text-white text-sm border bg-default border-gray-800 p-3 rounded-md overflow-y-scroll h-56"
|
||||
>
|
||||
<ol class="text-white list-decimal ml-3 p-2">
|
||||
<li class="p-1">
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
: 'hidden'}"
|
||||
>
|
||||
<div
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto {$screenWidth <
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto {$screenWidth <
|
||||
640
|
||||
? 'w-screen pt-16'
|
||||
: ''} md:w-[420px] xl:w-[450px] -mx-1 sm:mx-0"
|
||||
|
||||
@ -769,7 +769,7 @@
|
||||
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-scroll pr-5 sm:pr-0"
|
||||
>
|
||||
<table
|
||||
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]"
|
||||
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"
|
||||
>
|
||||
<thead class="">
|
||||
<tr class="">
|
||||
@ -779,7 +779,7 @@
|
||||
>
|
||||
{#each xData as item}
|
||||
<td
|
||||
class="z-20 bg-primary border-b border-[#000] text-white font-semibold text-sm text-end bg-[#09090B]"
|
||||
class="z-20 bg-primary border-b border-[#000] text-white font-semibold text-sm text-end bg-default"
|
||||
>{"FY" + item}</td
|
||||
>
|
||||
{/each}
|
||||
@ -794,7 +794,7 @@
|
||||
</th>
|
||||
{#each tableCombinedRevenue as item}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
|
||||
>
|
||||
{item?.val === "0.00" ||
|
||||
item?.val === null ||
|
||||
@ -813,7 +813,7 @@
|
||||
</th>
|
||||
{#each computeGrowthList(tableActualRevenue, tableCombinedRevenue) as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
|
||||
>
|
||||
{#if index === 0 || item?.growth === null}
|
||||
n/a
|
||||
@ -848,7 +848,7 @@
|
||||
</th>
|
||||
{#each tableCombinedEPS as item}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
|
||||
>
|
||||
{item?.val === "0.00" ||
|
||||
item?.val === null ||
|
||||
@ -867,7 +867,7 @@
|
||||
</th>
|
||||
{#each computeGrowthList(tableActualEPS, tableCombinedEPS) as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
|
||||
>
|
||||
{#if index === 0 || item?.growth === null}
|
||||
n/a
|
||||
@ -901,7 +901,7 @@
|
||||
</th>
|
||||
{#each tableCombinedNetIncome as item}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
|
||||
>
|
||||
{item?.val === "0.00" ||
|
||||
item?.val === null ||
|
||||
@ -920,7 +920,7 @@
|
||||
</th>
|
||||
{#each computeGrowthList(tableActualNetIncome, tableCombinedNetIncome) as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
|
||||
>
|
||||
{#if index === 0 || item?.growth === null}
|
||||
n/a
|
||||
@ -955,7 +955,7 @@
|
||||
</th>
|
||||
{#each tableCombinedEbitda as item}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
|
||||
>
|
||||
{item?.val === "0.00" ||
|
||||
item?.val === null ||
|
||||
@ -974,7 +974,7 @@
|
||||
</th>
|
||||
{#each computeGrowthList(tableActualEbitda, tableCombinedEbitda) as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
|
||||
>
|
||||
{#if index === 0 || item?.growth === null}
|
||||
n/a
|
||||
@ -1008,7 +1008,7 @@
|
||||
>
|
||||
{#each tableCombinedRevenue as item}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#27272A] bg-default"
|
||||
>
|
||||
{#if item?.FY > 24}
|
||||
{item?.numOfAnalysts === (null || 0)
|
||||
|
||||
@ -26,7 +26,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
|
||||
@ -29,7 +29,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
@ -45,15 +45,15 @@
|
||||
<table class="table table-sm table-compact table-pin-rows table-pin-cols w-full">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-white shadow-md font-semibold text-sm text-start bg-[#09090B]">Drug</th>
|
||||
<th class="text-white shadow-md font-semibold text-sm text-start bg-[#09090B]">Stage</th>
|
||||
<th class="text-white shadow-md font-semibold text-sm text-center bg-[#09090B]">Phase Status</th>
|
||||
<th class="text-white shadow-md font-semibold text-sm text-end bg-[#09090B]">Result</th>
|
||||
<th class="text-white shadow-md font-semibold text-sm text-start bg-default">Drug</th>
|
||||
<th class="text-white shadow-md font-semibold text-sm text-start bg-default">Stage</th>
|
||||
<th class="text-white shadow-md font-semibold text-sm text-center bg-default">Phase Status</th>
|
||||
<th class="text-white shadow-md font-semibold text-sm text-end bg-default">Result</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{#each displayList as item,index}
|
||||
<tr on:click={() => handleViewData(item)} class="border-y border-gray-800 odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] cursor-pointer">
|
||||
<tr on:click={() => handleViewData(item)} class="border-y border-gray-800 odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B] cursor-pointer">
|
||||
|
||||
<td class="text-white font-medium whitespace-nowrap">
|
||||
{item["Interventions"]?.length === 0 ? '-' : item["Interventions"]?.length > charNumber ? formatString(item["Interventions"]?.slice(0,charNumber)) + "..." : formatString(item["Interventions"])}
|
||||
@ -223,7 +223,7 @@
|
||||
<div class="lg:hidden drawer drawer-end z-40 overflow-hidden w-screen">
|
||||
<input id="clinicalMobileModal" type="checkbox" class="drawer-toggle" />
|
||||
<div class="drawer-side overflow-hidden">
|
||||
<div class="bg-[#09090B] min-h-screen w-screen pb-20 overflow-hidden">
|
||||
<div class="bg-default min-h-screen w-screen pb-20 overflow-hidden">
|
||||
<label for="clinicalMobileModal" class="absolute left-6 top-6">
|
||||
<svg
|
||||
class="w-6 h-6 inline-block mb-0.5"
|
||||
@ -255,44 +255,44 @@
|
||||
<td class="">{trialId}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Start Date</td>
|
||||
<td class="">{trialStart}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">End Date</td>
|
||||
<td class="">{trialEnd}</td>
|
||||
</tr>
|
||||
<!-- row 2 -->
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Study Status</td>
|
||||
<td class="">{trialStage}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Phase Status</td>
|
||||
<td class="">{trialPhase}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Study Results</td>
|
||||
<td class="">{trialResult}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Sex</td>
|
||||
<td class="">{formatString(trialSex)}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Age</td>
|
||||
<td class=""
|
||||
@ -303,31 +303,31 @@
|
||||
>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Sponsor</td>
|
||||
<td class="">{trialSponsor}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Enrollment</td>
|
||||
<td class="">{trialEnrollment}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Study Type</td>
|
||||
<td class="">{trialStudyType}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Funder Type</td>
|
||||
<td class="">{trialFunderType}</td>
|
||||
</tr>
|
||||
<tr
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-[#09090B]"
|
||||
class="border-b border-slate-700 odd:bg-odd even:bg-default"
|
||||
>
|
||||
<td class="font-semibold">Website</td>
|
||||
<td class=""
|
||||
|
||||
@ -18,7 +18,7 @@
|
||||
|
||||
{#if isLoaded}
|
||||
{#if rawData?.length !== 0}
|
||||
<div class="mt-2 pb-8 sm:pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]">
|
||||
<div class="mt-2 pb-8 sm:pb-2 rounded-md bg-default sm:bg-default">
|
||||
<div class="w-full flex flex-col items-start">
|
||||
<div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full">
|
||||
Explore {$displayCompanyName}'s lobbying strategy by analyzing
|
||||
|
||||
@ -112,7 +112,7 @@
|
||||
>
|
||||
<div
|
||||
on:click={() => stockSelector(item?.symbol)}
|
||||
class="flex-shrink-0 mr-3 rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-[#09090B]"
|
||||
class="flex-shrink-0 mr-3 rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-default"
|
||||
>
|
||||
<img
|
||||
class="avatar rounded-full w-5 h-5 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2"
|
||||
|
||||
@ -42,7 +42,7 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<section class="bg-[#09090B] overflow-hidden text-white h-full sm:mb-0">
|
||||
<section class="bg-default overflow-hidden text-white h-full sm:mb-0">
|
||||
<div class="flex justify-center m-auto h-full overflow-hidden">
|
||||
<div
|
||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||
@ -82,7 +82,7 @@
|
||||
: ''}"
|
||||
>
|
||||
<div
|
||||
class="flex-shrink-0 mr-3 rounded-full w-10 h-10 relative bg-[#09090B]"
|
||||
class="flex-shrink-0 mr-3 rounded-full w-10 h-10 relative bg-default"
|
||||
>
|
||||
<img
|
||||
class="flex-shrink-0 rounded-full w-7 h-7 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2"
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
|
||||
<div class="sm:space-y-3">
|
||||
<div
|
||||
class="lg:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-[#09090B] h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
|
||||
class="lg:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-default h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
|
||||
>
|
||||
<!--Start Header-->
|
||||
<div
|
||||
@ -93,21 +93,21 @@
|
||||
style="font-size: 0.8rem"
|
||||
>
|
||||
<td
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium"
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
|
||||
>Name</td
|
||||
>
|
||||
<td
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B]"
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default"
|
||||
>{$displayCompanyName?.length > 30
|
||||
? $displayCompanyName?.slice(0, 30) + "..."
|
||||
: $displayCompanyName}</td
|
||||
>
|
||||
<td
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium"
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
|
||||
>Ticker</td
|
||||
>
|
||||
<td
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B]"
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default"
|
||||
>{$cryptoTicker}</td
|
||||
>
|
||||
</tr>
|
||||
@ -117,19 +117,19 @@
|
||||
style="font-size: 0.8rem"
|
||||
>
|
||||
<td
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium"
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
|
||||
>Mkt Cap</td
|
||||
>
|
||||
<td
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal"
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
|
||||
>{abbreviateNumber(marketCap, true)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium"
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
|
||||
>Total Volume</td
|
||||
>
|
||||
<td
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal"
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
|
||||
>{abbreviateNumber(totalVolume)}</td
|
||||
>
|
||||
</tr>
|
||||
@ -139,19 +139,19 @@
|
||||
style="font-size: 0.8rem"
|
||||
>
|
||||
<td
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium"
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
|
||||
>Circulating Supply</td
|
||||
>
|
||||
<td
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal"
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
|
||||
>{abbreviateNumber(circulatingSupply)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium"
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
|
||||
>Max Supply</td
|
||||
>
|
||||
<td
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal"
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
|
||||
>{maxSupply !== null
|
||||
? abbreviateNumber(maxSupply)
|
||||
: "Uncapped"}</td
|
||||
@ -163,22 +163,22 @@
|
||||
style="font-size: 0.8rem"
|
||||
>
|
||||
<td
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium"
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
|
||||
>ATH Price</td
|
||||
>
|
||||
<td
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal"
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
|
||||
>${new Intl.NumberFormat("en", {
|
||||
minimumFractionDigits: 2,
|
||||
maximumFractionDigits: 2,
|
||||
}).format(athPrice)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-medium"
|
||||
class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
|
||||
>ATH Date</td
|
||||
>
|
||||
<td
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal"
|
||||
class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
|
||||
>{new Date(athDate).toLocaleString("en-US", {
|
||||
month: "short",
|
||||
day: "numeric",
|
||||
|
||||
@ -244,7 +244,7 @@
|
||||
{#if isLoaded}
|
||||
{#if fairPrice !== null}
|
||||
<div
|
||||
class="p-3 sm:p-0 mt-2 pb-8 sm:pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]"
|
||||
class="p-3 sm:p-0 mt-2 pb-8 sm:pb-2 rounded-md bg-default sm:bg-default"
|
||||
>
|
||||
<div
|
||||
class="mt-4 text-white text-[1rem] sm:text-xl pb-4 sm:pb-0 m-auto text-start"
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
|
||||
@ -56,7 +56,7 @@
|
||||
<div
|
||||
class="text-white text-[1rem] {latestInfoDate(rawData?.date)
|
||||
? 'bg-[#F9AB00] bg-opacity-[0.1] p-3 rounded-md'
|
||||
: 'bg-[#09090B] pl-1'}"
|
||||
: 'bg-default pl-1'}"
|
||||
>
|
||||
<div class="mt-1">
|
||||
{$displayCompanyName} has announced its upcoming dividend details on {new Date(
|
||||
|
||||
@ -24,7 +24,7 @@
|
||||
: 'hidden'}"
|
||||
>
|
||||
<div
|
||||
class="sm:rounded-md shadow-lg bg-[#000] lg:bg-[#09090B] lg:border lg:border-gray-600 h-auto {$screenWidth <=
|
||||
class="sm:rounded-md shadow-lg bg-[#000] lg:bg-default lg:border lg:border-gray-600 h-auto {$screenWidth <=
|
||||
800
|
||||
? 'w-screen pt-16'
|
||||
: ''} md:w-[420px] xl:w-[450px]"
|
||||
@ -45,15 +45,15 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-default"
|
||||
>Ex-Dividend</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-default"
|
||||
>Payment Date</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-default"
|
||||
>Amount</th
|
||||
>
|
||||
</tr>
|
||||
@ -62,7 +62,7 @@
|
||||
<tbody>
|
||||
{#each dividendHistoryList?.slice(0, 5) as item}
|
||||
<tr
|
||||
class="text-white bg-[#000] lg:bg-[#09090B] border-b border-[#000] lg:border-[#27272A]"
|
||||
class="text-white bg-[#000] lg:bg-default border-b border-[#000] lg:border-[#27272A]"
|
||||
>
|
||||
<td class="text-start text-sm text-white font-medium">
|
||||
{new Date(item?.date)?.toLocaleString("en-US", {
|
||||
|
||||
@ -55,7 +55,7 @@
|
||||
|
||||
<Button
|
||||
on:click={() => exportData("csv")}
|
||||
class="ml-2 w-full border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
class="ml-2 w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
>
|
||||
<span class="truncate text-white">Download</span>
|
||||
<svg
|
||||
|
||||
@ -51,7 +51,7 @@
|
||||
: 'hidden'}"
|
||||
>
|
||||
<div
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto sm:h-[470px] {$screenWidth <
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto sm:h-[470px] {$screenWidth <
|
||||
640
|
||||
? 'w-screen pt-16'
|
||||
: ''} md:w-[420px] xl:w-[450px] -mx-1 sm:mx-0"
|
||||
|
||||
@ -77,11 +77,11 @@
|
||||
|
||||
<div class="sm:space-y-3">
|
||||
<div
|
||||
class="sm:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-[#09090B] h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
|
||||
class="sm:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-default h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
|
||||
>
|
||||
<!--Start Header-->
|
||||
<div
|
||||
class="lg:rounded-t-sm w-full h-[130px] bg-[#09090B] p-3 flex flex-col bg-cover bg-center bg-no-repeat"
|
||||
class="lg:rounded-t-sm w-full h-[130px] bg-default p-3 flex flex-col bg-cover bg-center bg-no-repeat"
|
||||
style="background-image: url('{defaultImage}');"
|
||||
>
|
||||
<div class="flex flex-row pt-1 pb-2">
|
||||
@ -123,19 +123,19 @@
|
||||
<tbody>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Bid</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{$wsBidPrice !== 0 && $wsBidPrice !== null
|
||||
? $wsBidPrice
|
||||
: data?.getStockQuote?.bid}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Ask</td
|
||||
>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default"
|
||||
>{$wsAskPrice !== 0 && $wsAskPrice !== null
|
||||
? $wsAskPrice
|
||||
: data?.getStockQuote?.ask}</td
|
||||
@ -143,110 +143,110 @@
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Provider</td
|
||||
>
|
||||
<td
|
||||
on:click={() => goto(`/etf/etf-providers/${provider}`)}
|
||||
class="text-center sm:text-end text-blue-400 lg:hover:text-white cursor-pointer bg-[#000] lg:bg-[#09090B]"
|
||||
class="text-center sm:text-end text-blue-400 lg:hover:text-white cursor-pointer bg-[#000] lg:bg-default"
|
||||
>{formatETFName(provider)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Country</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
|
||||
>{country?.length !== 0 ? country : "-"}</td
|
||||
>
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>AUM</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{abbreviateNumber(aum, true)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Vol</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
|
||||
>{abbreviateNumber(data?.getStockQuote?.volume)}</td
|
||||
>
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>NAV</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{info?.nav?.toFixed(2)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Expense Ratio</td
|
||||
>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default"
|
||||
>{info?.expenseRatio?.toFixed(2)}%</td
|
||||
>
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Shares Out.</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{abbreviateNumber(data?.getStockQuote?.sharesOutstanding)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Avg. Vol</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
|
||||
>{abbreviateNumber(avgVolume)}</td
|
||||
>
|
||||
</tr>
|
||||
<!--
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Open</td>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]">{data?.getStockQuote?.open?.toFixed(2)}</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap ">Prev. Close</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap ">{data?.getStockQuote?.previousClose?.toFixed(2)}</td>
|
||||
<td class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Open</td>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default">{data?.getStockQuote?.open?.toFixed(2)}</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap ">Prev. Close</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap ">{data?.getStockQuote?.previousClose?.toFixed(2)}</td>
|
||||
</tr>
|
||||
-->
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Dividend Yield</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{dividendYield}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Payout Ratio</td
|
||||
>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default"
|
||||
>{payoutRatio}</td
|
||||
>
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Holdings</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{holdingsCount} Assets</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Inception</td
|
||||
>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default"
|
||||
>{inceptionDate}</td
|
||||
>
|
||||
</tr>
|
||||
|
||||
@ -125,12 +125,11 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-start bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-start bg-default"
|
||||
>Company</th
|
||||
>
|
||||
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#09090B]"
|
||||
<th class="text-white font-semibold text-sm text-end bg-default"
|
||||
>Portfolio</th
|
||||
>
|
||||
</tr>
|
||||
@ -221,15 +220,13 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-start bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-start bg-default"
|
||||
>Ex-Dividend</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#09090B]"
|
||||
<th class="text-white font-semibold text-sm text-end bg-default"
|
||||
>Payment Date</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#09090B]"
|
||||
<th class="text-white font-semibold text-sm text-end bg-default"
|
||||
>Amount</th
|
||||
>
|
||||
</tr>
|
||||
@ -237,7 +234,7 @@
|
||||
|
||||
<tbody>
|
||||
{#each dividendHistoryList?.slice(0, 5) as item}
|
||||
<tr class="text-white bg-[#09090B] border-b border-[#27272A]">
|
||||
<tr class="text-white bg-default border-b border-[#27272A]">
|
||||
<td class="text-start text-sm text-white font-medium">
|
||||
{new Date(item?.date)?.toLocaleString("en-US", {
|
||||
month: "short",
|
||||
|
||||
@ -70,7 +70,7 @@
|
||||
<div
|
||||
class="text-white text-[1rem] {latestInfoDate(rawData?.date)
|
||||
? 'bg-[#F9AB00] bg-opacity-[0.1] p-3 rounded-md'
|
||||
: 'bg-[#09090B] pl-1'} "
|
||||
: 'bg-default pl-1'} "
|
||||
>
|
||||
<div class="mt-1">
|
||||
{$displayCompanyName} has released their quartely earnings on {new Date(
|
||||
|
||||
@ -182,7 +182,7 @@
|
||||
|
||||
{#if isLoaded}
|
||||
{#if Object?.keys(rawData)?.length !== 0}
|
||||
<div class="mt-2 pb-8 sm:pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]">
|
||||
<div class="mt-2 pb-8 sm:pb-2 rounded-md bg-default sm:bg-default">
|
||||
<div class="w-full flex flex-col items-start">
|
||||
<div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full">
|
||||
Examine how sensitive {$displayCompanyName}'s stock price is to
|
||||
@ -216,23 +216,23 @@
|
||||
<thead>
|
||||
<tr class="border-b border-[#27272A]">
|
||||
<th
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-start bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-start bg-default"
|
||||
>Date</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-default"
|
||||
>Previous</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-default"
|
||||
>Forecast</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-default"
|
||||
>Actual</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm sm:text-[1rem] text-end bg-default"
|
||||
>% Price Change</th
|
||||
>
|
||||
</tr>
|
||||
@ -244,7 +244,7 @@
|
||||
!showFullStats &&
|
||||
tableList?.length > 3
|
||||
? 'opacity-[0.5]'
|
||||
: ''} sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]"
|
||||
: ''} sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B]"
|
||||
>
|
||||
<td
|
||||
class="text-white font-medium text-sm sm:text-[1rem] whitespace-nowrap"
|
||||
|
||||
@ -209,7 +209,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
|
||||
<!--Footer-->
|
||||
<footer
|
||||
class="bg-[#09090B] border-t border-gray-600 z-20 sm:z-50 relative bottom-0 w-full sm:px-10 m-auto"
|
||||
class="bg-default border-t border-gray-600 z-20 sm:z-50 relative bottom-0 w-full sm:px-10 m-auto"
|
||||
>
|
||||
<div class="container mx-auto px-5 sm:px-3">
|
||||
<div class="w-full flex flex-col md:flex-row py-6">
|
||||
|
||||
@ -1,39 +1,63 @@
|
||||
<script lang='ts'>
|
||||
<script lang="ts">
|
||||
import { goto } from "$app/navigation";
|
||||
import backgroundLogo from '$lib/images/hide_content.jpg'
|
||||
import backgroundLogo from "$lib/images/hide_content.jpg";
|
||||
|
||||
let opacityValue = 0.2
|
||||
let opacityValue = 0.2;
|
||||
</script>
|
||||
|
||||
|
||||
<section class="w-full max-w-5xl overflow-hidden relative mt-4">
|
||||
|
||||
<div class="absolute inset-0 bg-cover bg-center bg-no-repeat blur-[6px]"
|
||||
<div
|
||||
class="absolute inset-0 bg-cover bg-center bg-no-repeat blur-[6px]"
|
||||
style="
|
||||
opacity: {opacityValue};
|
||||
background-image: url('{backgroundLogo}');
|
||||
">
|
||||
</div>
|
||||
"
|
||||
></div>
|
||||
|
||||
<label on:click={() => goto('/login')} class="p-5 relative cursor-pointer flex flex-col items-center justify-center mt-10 overflow-hidden">
|
||||
|
||||
<div class="rounded-full w-14 h-14 bg-[#09090B] relative">
|
||||
<svg class="rounded-full w-6 h-6 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="white" d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0z"/></svg>
|
||||
<label
|
||||
on:click={() => goto("/login")}
|
||||
class="p-5 relative cursor-pointer flex flex-col items-center justify-center mt-10 overflow-hidden"
|
||||
>
|
||||
<div class="rounded-full w-14 h-14 bg-default relative">
|
||||
<svg
|
||||
class="rounded-full w-6 h-6 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 1024 1024"
|
||||
><path
|
||||
fill="white"
|
||||
d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 1 0-56 0z"
|
||||
/></svg
|
||||
>
|
||||
</div>
|
||||
<span class="text-slate-300 font-medium text-md sm:text-lg mt-3 w-3/4 text-center">
|
||||
<span
|
||||
class="text-slate-300 font-medium text-md sm:text-lg mt-3 w-3/4 text-center"
|
||||
>
|
||||
Get full access for a more in-depth Stock Analysis
|
||||
</span>
|
||||
|
||||
<label class="mt-4 w-5/6 sm:w-56 bg-[#fff] cursor-pointer py-2.5 px-4 normal-case font-medium text-center text-black rounded-full">
|
||||
<label
|
||||
class="mt-4 w-5/6 sm:w-56 bg-[#fff] cursor-pointer py-2.5 px-4 normal-case font-medium text-center text-black rounded-full"
|
||||
>
|
||||
<div class="flex flex-row items-center justify-center">
|
||||
<svg class="w-6 h-6 sm:w-8 sm:h-8 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="black" stroke-linecap="round" stroke-linejoin="round"><path d="m15.5 4l3 4l-8 10l-8-10l3.009-4zm-13 4h16m-11 0l3 10m3-10l-3 10"/><path d="M5.509 4L7.5 8l3-4l3 4l2-4"/></g></svg>
|
||||
<svg
|
||||
class="w-6 h-6 sm:w-8 sm:h-8 inline-block"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 21 21"
|
||||
><g
|
||||
fill="none"
|
||||
fill-rule="evenodd"
|
||||
stroke="black"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
><path
|
||||
d="m15.5 4l3 4l-8 10l-8-10l3.009-4zm-13 4h16m-11 0l3 10m3-10l-3 10"
|
||||
/><path d="M5.509 4L7.5 8l3-4l3 4l2-4" /></g
|
||||
></svg
|
||||
>
|
||||
<span class="text-black text-md sm:text-[1rem] ml-2">
|
||||
Sign Up for Free
|
||||
</span>
|
||||
</div>
|
||||
|
||||
</label>
|
||||
|
||||
|
||||
</label>
|
||||
</section>
|
||||
@ -187,7 +187,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
<option value="252dclshv"> 1 Year historical volatility </option>
|
||||
</select>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
|
||||
@ -155,7 +155,7 @@
|
||||
<DropdownMenu.Trigger asChild let:builder>
|
||||
<Button
|
||||
builders={[builder]}
|
||||
class="sm:ml-auto min-w-[110px] w-full sm:w-fit border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2.5 text-white rounded-md truncate"
|
||||
class="sm:ml-auto min-w-[110px] w-full sm:w-fit border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2.5 text-white rounded-md truncate"
|
||||
>
|
||||
<span class="truncate text-white text-sm sm:text-[1rem]">Indicators</span>
|
||||
<svg
|
||||
@ -179,7 +179,7 @@
|
||||
>
|
||||
<!-- Search Input -->
|
||||
<div
|
||||
class="sticky fixed -top-1 z-40 bg-[#09090B] p-2 border-b border-gray-600"
|
||||
class="sticky fixed -top-1 z-40 bg-default p-2 border-b border-gray-600"
|
||||
>
|
||||
<div class="relative w-full">
|
||||
<!-- Input Field -->
|
||||
@ -188,7 +188,7 @@
|
||||
on:input={handleInput}
|
||||
autocomplete="off"
|
||||
autofocus=""
|
||||
class="text-sm w-full border-0 bg-[#09090B] focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300 pr-8"
|
||||
class="text-sm w-full border-0 bg-default focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300 pr-8"
|
||||
type="text"
|
||||
placeholder=""
|
||||
/>
|
||||
@ -264,11 +264,11 @@
|
||||
</DropdownMenu.Group>
|
||||
<!-- Reset Selection button -->
|
||||
<div
|
||||
class="sticky -bottom-1 bg-[#09090B] z-50 p-2 border-t border-gray-600 w-full"
|
||||
class="sticky -bottom-1 bg-default z-50 p-2 border-t border-gray-600 w-full"
|
||||
>
|
||||
<label
|
||||
on:click={handleResetAll}
|
||||
class="w-full sm:hover:text-white text-gray-300 bg-[#09090B] text-start text-sm cursor-pointer"
|
||||
class="w-full sm:hover:text-white text-gray-300 bg-default text-start text-sm cursor-pointer"
|
||||
>
|
||||
Reset Selection
|
||||
</label>
|
||||
|
||||
@ -227,7 +227,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverGoogle}
|
||||
on:mouseleave={handleHoverGoogle}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredGoogle
|
||||
@ -276,7 +276,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverDiscord}
|
||||
on:mouseleave={handleHoverDiscord}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredDiscord
|
||||
@ -810,7 +810,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverGithub}
|
||||
on:mouseleave={handleHoverGithub}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredGithub
|
||||
@ -921,7 +921,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverGoogle}
|
||||
on:mouseleave={handleHoverGoogle}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredGoogle
|
||||
@ -970,7 +970,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverDiscord}
|
||||
on:mouseleave={handleHoverDiscord}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredDiscord
|
||||
@ -1504,7 +1504,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverGithub}
|
||||
on:mouseleave={handleHoverGithub}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredGithub
|
||||
@ -1636,7 +1636,7 @@ const output = await response.json();
|
||||
<div class="w-full max-w-lg pt-5 m-auto pb-5">
|
||||
<button
|
||||
type="submit"
|
||||
class="btn bg-[#09090B] border border-gray-600 sm:hover:bg-secondary text-white btn-md w-full rounded-md m-auto text-white font-semibold text-md"
|
||||
class="btn bg-default border border-gray-600 sm:hover:bg-secondary text-white btn-md w-full rounded-md m-auto text-white font-semibold text-md"
|
||||
>
|
||||
Login
|
||||
</button>
|
||||
@ -1654,7 +1654,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverGoogle}
|
||||
on:mouseleave={handleHoverGoogle}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredGoogle
|
||||
@ -1703,7 +1703,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverDiscord}
|
||||
on:mouseleave={handleHoverDiscord}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredDiscord
|
||||
@ -2237,7 +2237,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverGithub}
|
||||
on:mouseleave={handleHoverGithub}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredGithub
|
||||
@ -2318,7 +2318,7 @@ const output = await response.json();
|
||||
<div class="w-full max-w-lg pt-5 m-auto pb-3">
|
||||
<button
|
||||
type="submit"
|
||||
class="btn bg-[#09090B] border border-gray-600 sm:hover:bg-secondary text-white btn-md w-full rounded-md m-auto font-semibold text-md"
|
||||
class="btn bg-default border border-gray-600 sm:hover:bg-secondary text-white btn-md w-full rounded-md m-auto font-semibold text-md"
|
||||
>
|
||||
Register
|
||||
</button>
|
||||
@ -2337,7 +2337,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverGoogle}
|
||||
on:mouseleave={handleHoverGoogle}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredGoogle
|
||||
@ -2386,7 +2386,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverDiscord}
|
||||
on:mouseleave={handleHoverDiscord}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredDiscord
|
||||
@ -2920,7 +2920,7 @@ const output = await response.json();
|
||||
on:click={() => (oauthLoading = !oauthLoading)}
|
||||
on:mouseenter={handleHoverGithub}
|
||||
on:mouseleave={handleHoverGithub}
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-[#09090B] flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
class="cursor-pointer flex-shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white"
|
||||
>
|
||||
<svg
|
||||
class="{isHoveredGithub
|
||||
|
||||
@ -34,7 +34,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
@ -153,19 +153,19 @@
|
||||
<thead>
|
||||
<tr class="">
|
||||
<th
|
||||
class="text-white shadow-md font-semibold text-sm text-start bg-[#09090B]"
|
||||
class="text-white shadow-md font-semibold text-sm text-start bg-default"
|
||||
>Name</th
|
||||
>
|
||||
<th
|
||||
class="text-white shadow-md font-semibold text-sm text-end bg-[#09090B]"
|
||||
class="text-white shadow-md font-semibold text-sm text-end bg-default"
|
||||
>Trade Count</th
|
||||
>
|
||||
<th
|
||||
class="text-white shadow-md font-semibold text-sm text-end bg-[#09090B]"
|
||||
class="text-white shadow-md font-semibold text-sm text-end bg-default"
|
||||
>Share Quantity</th
|
||||
>
|
||||
<th
|
||||
class="text-white shadow-md font-semibold text-sm text-end bg-[#09090B]"
|
||||
class="text-white shadow-md font-semibold text-sm text-end bg-default"
|
||||
>Notional Sum</th
|
||||
>
|
||||
</tr>
|
||||
@ -178,7 +178,7 @@
|
||||
!showFullStats &&
|
||||
topMarketMakers?.length > 3
|
||||
? 'opacity-[0.5]'
|
||||
: ''} sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]"
|
||||
: ''} sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B]"
|
||||
>
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] font-medium whitespace-nowrap"
|
||||
|
||||
@ -128,7 +128,7 @@
|
||||
|
||||
<label
|
||||
on:click={etfSelector}
|
||||
class="sm:hover:border-[#3C74D4] duration-100 transition ease-in-out cursor-pointer flex flex-row items-center rounded-md shadow-lg border border-gray-600 bg-[#09090B]"
|
||||
class="sm:hover:border-[#3C74D4] duration-100 transition ease-in-out cursor-pointer flex flex-row items-center rounded-md shadow-lg border border-gray-600 bg-default"
|
||||
>
|
||||
<div class="flex flex-col items-center lg:mr-5">
|
||||
<span
|
||||
|
||||
@ -143,7 +143,7 @@
|
||||
{#if filteredNewsList?.length > 0}
|
||||
<div class="grid grid-cols-1 gap-2 pb-5 pt-5">
|
||||
{#each filteredNewsList as item, index}
|
||||
<div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto">
|
||||
<div class="w-full flex flex-col bg-default rounded-md m-auto">
|
||||
{#if checkIfYoutubeVideo(item.url)}
|
||||
{#if showVideo[index]}
|
||||
<!-- Show the YouTube iframe when the user clicks play -->
|
||||
|
||||
@ -135,7 +135,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
|
||||
@ -109,7 +109,7 @@
|
||||
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-3 m-auto overflow-x-scroll pr-5 sm:pr-0"
|
||||
>
|
||||
<table
|
||||
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]"
|
||||
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"
|
||||
>
|
||||
<thead class="">
|
||||
<tr class="">
|
||||
@ -119,7 +119,7 @@
|
||||
>
|
||||
{#each xData as item}
|
||||
<td
|
||||
class="z-20 bg-primary border-b border-[#000] text-white font-semibold text-sm text-end bg-[#09090B]"
|
||||
class="z-20 bg-primary border-b border-[#000] text-white font-semibold text-sm text-end bg-default"
|
||||
>{item}</td
|
||||
>
|
||||
{/each}
|
||||
@ -134,7 +134,7 @@
|
||||
</th>
|
||||
{#each tableRevenue as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
|
||||
>
|
||||
{#if index !== 0}
|
||||
{#if userTier !== "Pro"}
|
||||
@ -176,7 +176,7 @@
|
||||
</th>
|
||||
{#each tableRevenueEst as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
|
||||
>
|
||||
{#if index !== 0}
|
||||
{#if userTier !== "Pro"}
|
||||
@ -218,7 +218,7 @@
|
||||
</th>
|
||||
{#each tableRevenueSurprise as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-default"
|
||||
>
|
||||
{#if index !== 0}
|
||||
{#if userTier !== "Pro"}
|
||||
@ -274,7 +274,7 @@
|
||||
</th>
|
||||
{#each tableEPS as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
|
||||
>
|
||||
{#if index !== 0}
|
||||
{#if userTier !== "Pro"}
|
||||
@ -314,7 +314,7 @@
|
||||
</th>
|
||||
{#each tableEPSEst as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-medium bg-default"
|
||||
>
|
||||
{#if index !== 0}
|
||||
{#if userTier !== "Pro"}
|
||||
@ -354,7 +354,7 @@
|
||||
</th>
|
||||
{#each tableEPSSurprise as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-default"
|
||||
>
|
||||
{#if index !== 0}
|
||||
{#if userTier !== "Pro"}
|
||||
@ -410,7 +410,7 @@
|
||||
</th>
|
||||
{#each tableVolatility as item, index}
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-[#09090B]"
|
||||
class="text-white text-sm sm:text-[1rem] text-end font-semibold bg-default"
|
||||
>
|
||||
{#if index !== 0}
|
||||
{#if userTier !== "Pro"}
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
</script>
|
||||
|
||||
<section
|
||||
class="bg-[#09090B] min-h-screen max-w-3xl sm:max-w-screen-lg w-full pt-24 m-auto"
|
||||
class="bg-default min-h-screen max-w-3xl sm:max-w-screen-lg w-full pt-24 m-auto"
|
||||
>
|
||||
<div class="px-3">
|
||||
<div class="mx-auto text-center mb-8">
|
||||
@ -32,7 +32,7 @@
|
||||
Flexible plans and features
|
||||
</h1>
|
||||
<div
|
||||
class="w-full flex justify-center items-center h-16 bg-[#09090B] rounded-md"
|
||||
class="w-full flex justify-center items-center h-16 bg-default rounded-md"
|
||||
>
|
||||
<p
|
||||
class="font-medium font-serif text-center w-3/4 sm:w-full text-white text-[1rem] sm:text-xl italic"
|
||||
@ -78,7 +78,7 @@
|
||||
>
|
||||
<!-- Pricing Card -->
|
||||
<div
|
||||
class="order-last sm:order-1 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white border border-gray-800 bg-[#09090B] rounded-md"
|
||||
class="order-last sm:order-1 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white border border-gray-800 bg-default rounded-md"
|
||||
>
|
||||
<div class="flex flex-row items-center justify-start items-center mt-2">
|
||||
<img
|
||||
|
||||
@ -279,8 +279,8 @@
|
||||
<label
|
||||
on:click={() => (timePeriod = item)}
|
||||
class="px-4 py-2 {timePeriod === item
|
||||
? 'bg-primary'
|
||||
: ''} sm:hover:bg-primary border border-gray-600 text-white rounded-md cursor-pointer"
|
||||
? 'bg-secondary'
|
||||
: ''} sm:hover:bg-secondary border border-gray-600 text-white rounded-md cursor-pointer"
|
||||
>
|
||||
{item}
|
||||
</label>
|
||||
|
||||
@ -239,7 +239,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-8 sm:pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-8 sm:pb-2 rounded-md bg-default">
|
||||
<div class="app w-full h-[300px] mt-5">
|
||||
<Chart {init} options={optionsData} class="chart" />
|
||||
</div>
|
||||
|
||||
@ -27,12 +27,12 @@
|
||||
{title?.replace('[%]','')} {condition} {value} {unit}
|
||||
|
||||
<label on:click={() => changeRuleCondition('under')} class="ml-5 cursor-pointer flex flex-row mr-2 justify-center items-center">
|
||||
<input type="radio" class="radio checked:bg-[#fff] bg-[#09090B] border border-gray-600 mr-2"
|
||||
<input type="radio" class="radio checked:bg-[#fff] bg-default border border-gray-600 mr-2"
|
||||
checked={condition === 'under'} name={ruleName} />
|
||||
<span class="label-text text-white">Under</span>
|
||||
</label>
|
||||
<label on:click={() => changeRuleCondition('over')} class="cursor-pointer flex flex-row ml-2 justify-center items-center">
|
||||
<input type="radio" class="radio checked:bg-[#fff] bg-[#09090B] border border-gray-600 mr-2"
|
||||
<input type="radio" class="radio checked:bg-[#fff] bg-default border border-gray-600 mr-2"
|
||||
checked={condition === 'over'} name={ruleName} />
|
||||
<span class="label-text text-white">Over</span>
|
||||
</label>
|
||||
@ -45,7 +45,7 @@
|
||||
|
||||
<!--Start Added Rules-->
|
||||
<div
|
||||
class="flex items-center justify-between space-x-2 px-1 py-1.5 text-smaller leading-tight text-default"
|
||||
class="flex items-center justify-between space-x-2 px-1 py-1.5 text-smaller leading-tight text-white"
|
||||
>
|
||||
<div class="text-white text-[1rem]">
|
||||
{title?.replace("[%]", "")}
|
||||
@ -114,7 +114,7 @@
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
class="radio checked:bg-[#fff] bg-[#09090B] border border-gray-600 mr-2"
|
||||
class="radio checked:bg-[#fff] bg-default border border-gray-600 mr-2"
|
||||
checked={condition === "under"}
|
||||
name={ruleName}
|
||||
/>
|
||||
@ -126,7 +126,7 @@
|
||||
>
|
||||
<input
|
||||
type="radio"
|
||||
class="radio checked:bg-[#fff] bg-[#09090B] border border-gray-600 mr-2"
|
||||
class="radio checked:bg-[#fff] bg-default border border-gray-600 mr-2"
|
||||
checked={condition === "over"}
|
||||
name={ruleName}
|
||||
/>
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<section class="bg-[#09090B] overflow-hidden text-white h-full sm:mb-0">
|
||||
<section class="bg-default overflow-hidden text-white h-full sm:mb-0">
|
||||
<div class="flex justify-center m-auto h-full overflow-hidden">
|
||||
<div
|
||||
class="relative flex justify-center items-center overflow-hidden w-full"
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
{#if sentimentList?.length !== 0}
|
||||
<div class="pb-4 w-full mt-5">
|
||||
<div
|
||||
class="w-auto p-4 sm:p-6 bg-[#09090B] sm:bg-[#09090B] rounded-md relative"
|
||||
class="w-auto p-4 sm:p-6 bg-default sm:bg-default rounded-md relative"
|
||||
>
|
||||
<h3 class="text-gray-300 font-medium text-sm uppercase mb-3">
|
||||
Average Score
|
||||
@ -178,7 +178,7 @@
|
||||
|
||||
<div class="w-full">
|
||||
<div
|
||||
class="w-auto p-4 sm:p-6 bg-[#09090B] sm:bg-[#09090B] rounded-md relative"
|
||||
class="w-auto p-4 sm:p-6 bg-default sm:bg-default rounded-md relative"
|
||||
>
|
||||
<h3 class="text-gray-300 font-medium text-sm uppercase mb-3">
|
||||
Average Score Trend
|
||||
|
||||
@ -232,7 +232,7 @@
|
||||
<Infobox text={htmlOutput} />
|
||||
|
||||
{#if shareholderList?.length !== 0}
|
||||
<div class="pb-2 rounded-md bg-[#09090B] sm:bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default sm:bg-default">
|
||||
<div class="text-white text-[1rem] mt-3">
|
||||
As of {new Date(rawData?.date)?.toLocaleString("en-US", {
|
||||
month: "short",
|
||||
@ -534,7 +534,7 @@
|
||||
{#each displayList as item, index}
|
||||
{#if item?.investorName?.length > 0}
|
||||
<tr
|
||||
class="border-y border-gray-800 odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] {index +
|
||||
class="border-y border-gray-800 odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B] {index +
|
||||
1 ===
|
||||
shareholderList?.length && data?.user?.tier !== 'Pro'
|
||||
? 'opacity-[0.1]'
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
{#if isLoaded}
|
||||
{#if Object?.keys(rawData)?.length !== 0}
|
||||
{#if rawData?.historicalShares?.length !== 0}
|
||||
<div class="mt-2 pb-4 bg-[#09090B]">
|
||||
<div class="mt-2 pb-4 bg-default">
|
||||
<div class="w-full flex flex-col items-start">
|
||||
<div class="text-white text-[1rem] mt-1 sm:mt-3 mb-1 w-full">
|
||||
{$displayCompanyName}'s' has
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
: 'hidden'}"
|
||||
>
|
||||
<div
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto {$screenWidth <
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto {$screenWidth <
|
||||
640
|
||||
? 'w-screen pt-16'
|
||||
: ''} md:w-[420px] xl:w-[450px]"
|
||||
@ -38,15 +38,15 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-default"
|
||||
>Fund Name</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
|
||||
>Total Assets</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
|
||||
>Holdings</th
|
||||
>
|
||||
</tr>
|
||||
@ -55,7 +55,7 @@
|
||||
{#each similarTicker as item, index}
|
||||
<tr
|
||||
on:click={() => etfSelector(item?.symbol)}
|
||||
class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"
|
||||
class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-default border-b border-[#000] sm:border-[#27272A]"
|
||||
>
|
||||
{#if index <= 6}
|
||||
<td class="">
|
||||
@ -127,7 +127,7 @@
|
||||
<div class="bg-[#000] h-auto w-screen">
|
||||
<!--Start Header-->
|
||||
<div
|
||||
class="bg-[#09090B] w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]"
|
||||
class="bg-default w-full p-1 flex flex-col items-center pb-5 h-auto rounded-b-[30px]"
|
||||
>
|
||||
<h2 class="text-center m-auto text-[1.1rem] font-medium text-white mt-5">
|
||||
Similar Ticker
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
: 'hidden'}"
|
||||
>
|
||||
<div
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto {$screenWidth <
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto {$screenWidth <
|
||||
640
|
||||
? 'w-screen pt-16'
|
||||
: ''} md:w-[420px] xl:w-[450px]"
|
||||
@ -40,15 +40,15 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-default"
|
||||
>Company</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
|
||||
>Market Cap</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
|
||||
>Avg Volume</th
|
||||
>
|
||||
</tr>
|
||||
@ -57,7 +57,7 @@
|
||||
{#each similarstock as item, index}
|
||||
<tr
|
||||
on:click={() => stockSelector(item?.symbol)}
|
||||
class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"
|
||||
class="shake-ticker sm:hover:text-white text-blue-400 cursor-pointer sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-default border-b border-[#000] sm:border-[#27272A]"
|
||||
>
|
||||
{#if index <= 6}
|
||||
<td class="whitespace-nowrap">
|
||||
|
||||
@ -3,14 +3,14 @@
|
||||
<!-- List container -->
|
||||
<div class="flex flex-col">
|
||||
<!-- Item -->
|
||||
<div class="border border-gray-600 rounded-md bg-[#09090B]">
|
||||
<div class="border border-gray-600 rounded-md bg-default">
|
||||
<div class="flex h-auto justify-between items-center">
|
||||
<div
|
||||
role="status"
|
||||
class="animate-pulse space-x-8 md:flex md:items-center mb-4"
|
||||
>
|
||||
<div
|
||||
class="flex items-center justify-center w-48 h-28 sm:w-48 sm:h-48 bg-[#09090B] rounded"
|
||||
class="flex items-center justify-center w-48 h-28 sm:w-48 sm:h-48 bg-default rounded"
|
||||
>
|
||||
<svg
|
||||
class="w-12 h-12 text-gray-200"
|
||||
|
||||
@ -218,7 +218,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pb-2 rounded-md bg-[#09090B]">
|
||||
<div class="pb-2 rounded-md bg-default">
|
||||
<div
|
||||
class="bg-secondary w-fit relative flex flex-wrap items-center justify-center rounded-md p-1 mt-4"
|
||||
>
|
||||
|
||||
@ -190,15 +190,15 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="text-white text-sm font-medium bg-[#09090B] font-semibold"
|
||||
class="text-white text-sm font-medium bg-default font-semibold"
|
||||
>Name</th
|
||||
>
|
||||
<th
|
||||
class="text-white text-sm font-medium bg-[#09090B] font-semibold text-end"
|
||||
class="text-white text-sm font-medium bg-default font-semibold text-end"
|
||||
>Value</th
|
||||
>
|
||||
<th
|
||||
class="text-white text-sm font-medium bg-[#09090B] font-semibold text-end"
|
||||
class="text-white text-sm font-medium bg-default font-semibold text-end"
|
||||
>Signal</th
|
||||
>
|
||||
</tr>
|
||||
@ -206,7 +206,7 @@
|
||||
<tbody>
|
||||
{#each showFullStats ? signalList : signalList?.slice(0, 3) as item, index}
|
||||
<tr
|
||||
class="border-y border-gray-800 odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B] {index ===
|
||||
class="border-y border-gray-800 odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B] {index ===
|
||||
2 &&
|
||||
!showFullStats &&
|
||||
signalList?.length > 2
|
||||
|
||||
@ -486,7 +486,7 @@
|
||||
href={sectorNavigation?.find(
|
||||
(item) => item?.title === displayedData[index]?.sector,
|
||||
)?.link}
|
||||
class="sm:hover:text-blue-400 text-white underline underline-offset-4"
|
||||
class="sm:hover:text-blue-400 text-white"
|
||||
>{displayedData[index]?.sector?.length > 13
|
||||
? displayedData[index]?.sector?.slice(0, 13) + "..."
|
||||
: displayedData[index]?.sector}</a
|
||||
|
||||
@ -705,7 +705,7 @@
|
||||
<DropdownMenu.Trigger asChild let:builder>
|
||||
<Button
|
||||
builders={[builder]}
|
||||
class=" min-w-[110px] w-fit ml-3 border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2.5 text-white rounded-md"
|
||||
class=" min-w-[110px] w-fit ml-3 border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2.5 text-white rounded-md"
|
||||
>
|
||||
<span class="w-fit text-white text-sm sm:text-[1rem]">Indicators</span>
|
||||
<svg
|
||||
@ -729,7 +729,7 @@
|
||||
>
|
||||
<!-- Search Input -->
|
||||
<div
|
||||
class="sticky fixed -top-1 z-40 bg-[#09090B] p-2 border-b border-gray-600"
|
||||
class="sticky fixed -top-1 z-40 bg-default p-2 border-b border-gray-600"
|
||||
>
|
||||
<div class="relative w-full">
|
||||
<!-- Input Field -->
|
||||
@ -738,7 +738,7 @@
|
||||
on:input={handleInput}
|
||||
autocomplete="off"
|
||||
autofocus=""
|
||||
class="text-sm w-full border-0 bg-[#09090B] focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300 pr-8"
|
||||
class="text-sm w-full border-0 bg-default focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300 pr-8"
|
||||
type="text"
|
||||
placeholder=""
|
||||
/>
|
||||
@ -834,17 +834,17 @@
|
||||
</DropdownMenu.Group>
|
||||
<!-- Reset Selection button -->
|
||||
<div
|
||||
class="sticky -bottom-1 bg-[#09090B] z-50 p-2 border-t border-gray-600 w-full flex justify-between items-center"
|
||||
class="sticky -bottom-1 bg-default z-50 p-2 border-t border-gray-600 w-full flex justify-between items-center"
|
||||
>
|
||||
<label
|
||||
on:click={handleResetAll}
|
||||
class="w-full sm:hover:text-white text-gray-300 bg-[#09090B] text-start text-sm cursor-pointer"
|
||||
class="w-full sm:hover:text-white text-gray-300 bg-default text-start text-sm cursor-pointer"
|
||||
>
|
||||
Reset Selection
|
||||
</label>
|
||||
<label
|
||||
on:click={handleSelectAll}
|
||||
class="w-full flex justify-end sm:hover:text-white text-gray-300 bg-[#09090B] text-start text-sm cursor-pointer"
|
||||
class="w-full flex justify-end sm:hover:text-white text-gray-300 bg-default text-start text-sm cursor-pointer"
|
||||
>
|
||||
Select All
|
||||
</label>
|
||||
@ -855,7 +855,7 @@
|
||||
|
||||
<div class="w-full overflow-x-scroll text-white">
|
||||
<table
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4"
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
@ -863,7 +863,7 @@
|
||||
<tbody>
|
||||
{#each stockList as item, index}
|
||||
<tr
|
||||
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-odd border-b-[#09090B] {index +
|
||||
class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-odd border-b border-gray-800 {index +
|
||||
1 ===
|
||||
rawData?.length &&
|
||||
data?.user?.tier !== 'Pro' &&
|
||||
@ -873,7 +873,7 @@
|
||||
>
|
||||
{#each columns as column}
|
||||
<td
|
||||
class="text-sm sm:text-[1rem] border-b-[#09090B] whitespace-nowrap"
|
||||
class="text-sm sm:text-[1rem] whitespace-nowrap"
|
||||
class:text-left={column.align === "left"}
|
||||
class:text-right={column.align === "right"}
|
||||
>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
`;
|
||||
</script>
|
||||
|
||||
<tr class="bg-[#09090B] border-b border-[#27272A]">
|
||||
<tr class="bg-default border-b border-[#27272A]">
|
||||
{#each columns as column}
|
||||
<th
|
||||
on:click={() => sortData(column.key)}
|
||||
|
||||
@ -297,7 +297,7 @@
|
||||
></label>
|
||||
|
||||
<div
|
||||
class="modal-box overflow-hidden rounded-xl bg-[#09090B] sm:my-8 sm:m-auto sm:h-auto w-full sm:w-1/2 2xl:w-1/3"
|
||||
class="modal-box overflow-hidden rounded-xl bg-default sm:my-8 sm:m-auto sm:h-auto w-full sm:w-1/2 2xl:w-1/3"
|
||||
>
|
||||
<!-- Search layout -->
|
||||
<div class="mt-5 sm:mt-0">
|
||||
@ -305,7 +305,7 @@
|
||||
<label for="modal-search" class="sr-only">Search</label>
|
||||
<input
|
||||
id="modal-search"
|
||||
class="rounded-md w-full text-white bg-[#09090B] border border-gray-600 focus:ring-transparent placeholder-gray-200 py-3 pl-10 pr-4"
|
||||
class="rounded-md w-full text-white bg-default border border-gray-600 focus:ring-transparent placeholder-gray-200 py-3 pl-10 pr-4"
|
||||
type="search"
|
||||
placeholder="Search Anything…"
|
||||
bind:value={searchQuery}
|
||||
@ -359,7 +359,7 @@
|
||||
on:click={() => popularTicker(item?.symbol)}
|
||||
class="mb-2 {item?.symbol === focusedSuggestion
|
||||
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#404040] bg-opacity-[0.25] rounded group'
|
||||
: 'shake-ticker cursor-pointer bg-[#09090B] sm:hover:bg-[#17171A] rounded-md flex justify-start items-center p-2 text-white group'} w-full"
|
||||
: 'shake-ticker cursor-pointer bg-default sm:hover:bg-[#17171A] rounded-md flex justify-start items-center p-2 text-white group'} w-full"
|
||||
>
|
||||
<div class="flex flex-row items-center w-full">
|
||||
<div
|
||||
@ -401,7 +401,7 @@
|
||||
on:click={() => searchBarTicker(item?.symbol, item?.type)}
|
||||
class="mb-2 {item?.symbol === focusedSuggestion
|
||||
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#404040] bg-opacity-[0.25] rounded group'
|
||||
: 'cursor-pointer mb-2 bg-[#09090B] sm:hover:bg-[#17171A] rounded-md flex justify-start items-center p-2 text-white group'}"
|
||||
: 'cursor-pointer mb-2 bg-default sm:hover:bg-[#17171A] rounded-md flex justify-start items-center p-2 text-white group'}"
|
||||
>
|
||||
<div class="flex flex-row items-center w-full">
|
||||
<div class="flex flex-col">
|
||||
@ -476,7 +476,7 @@
|
||||
|
||||
<div class="drawer-side overflow-hidden">
|
||||
<div
|
||||
class="modal-box overflow-hidden rounded-xl bg-[#09090B] min-h-screen w-screen pt-10"
|
||||
class="modal-box overflow-hidden rounded-xl bg-default min-h-screen w-screen pt-10"
|
||||
>
|
||||
<!-- Search layout -->
|
||||
<div class="mt-5 sm:mt-0">
|
||||
@ -484,7 +484,7 @@
|
||||
<label for="modal-search" class="sr-only">Search</label>
|
||||
<input
|
||||
id="modal-search"
|
||||
class="rounded-md w-full text-white bg-[#09090B] border border-gray-600 focus:ring-transparent placeholder-gray-200 py-3 pl-10 pr-4"
|
||||
class="rounded-md w-full text-white bg-default border border-gray-600 focus:ring-transparent placeholder-gray-200 py-3 pl-10 pr-4"
|
||||
type="search"
|
||||
placeholder="Search Anything…"
|
||||
bind:value={searchQuery}
|
||||
@ -541,7 +541,7 @@
|
||||
on:click={() => popularTicker(item?.symbol, item?.type)}
|
||||
class="mb-2 {item?.symbol === focusedSuggestion
|
||||
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#404040] bg-opacity-[0.25] rounded group'
|
||||
: 'cursor-pointer bg-[#09090B] rounded-md flex justify-start items-center p-2 text-white group'} w-full"
|
||||
: 'cursor-pointer bg-default rounded-md flex justify-start items-center p-2 text-white group'} w-full"
|
||||
>
|
||||
<div class="flex flex-row items-center w-full">
|
||||
<div
|
||||
@ -586,7 +586,7 @@
|
||||
searchBarTicker(item?.symbol, item?.type)}
|
||||
class="mb-2 {item?.symbol === focusedSuggestion
|
||||
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-[#404040] bg-opacity-[0.25] rounded group'
|
||||
: 'cursor-pointer mb-2 bg-[#09090B] rounded-md flex justify-start items-center p-2 text-white group'}"
|
||||
: 'cursor-pointer mb-2 bg-default rounded-md flex justify-start items-center p-2 text-white group'}"
|
||||
>
|
||||
<div class="flex flex-row items-center w-full">
|
||||
<div class="flex flex-col ml-1">
|
||||
|
||||
@ -81,7 +81,7 @@
|
||||
|
||||
<div class="sm:space-y-3">
|
||||
<div
|
||||
class="sm:rounded-md lg:border lg:border-gray-600 bg-[#000] lg:bg-[#09090B] h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
|
||||
class="sm:rounded-md lg:border lg:border-gray-600 bg-[#000] lg:bg-default h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
|
||||
>
|
||||
<!--Start Header-->
|
||||
<div
|
||||
@ -121,27 +121,27 @@
|
||||
<tbody>
|
||||
<!--
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">CEO</td>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal font-semibold">{ceoName}</td>
|
||||
<td class="text-start sm:text-end lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Country</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal font-semibold">{country}</td>
|
||||
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">CEO</td>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{ceoName}</td>
|
||||
<td class="text-start sm:text-end lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Country</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{country}</td>
|
||||
</tr>
|
||||
-->
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Bid</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{$wsBidPrice !== 0 && $wsBidPrice !== null
|
||||
? $wsBidPrice
|
||||
: (data?.getStockQuote?.bid ?? "-")}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Ask</td
|
||||
>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default"
|
||||
>{$wsAskPrice !== 0 && $wsAskPrice !== null
|
||||
? $wsAskPrice
|
||||
: (data?.getStockQuote?.ask ?? "-")}</td
|
||||
@ -149,107 +149,107 @@
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Mkt Cap</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{abbreviateNumber(data?.getStockQuote?.marketCap)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Vol</td
|
||||
>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default"
|
||||
>{abbreviateNumber(data?.getStockQuote?.volume)}</td
|
||||
>
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Beta</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{beta}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Avg. Vol</td
|
||||
>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default"
|
||||
>{abbreviateNumber(data?.getStockQuote?.avgVolume)}</td
|
||||
>
|
||||
</tr>
|
||||
<!--
|
||||
<tr class="text-white ">
|
||||
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white whitespace-pre-line font-semibold whitespace-nowrap">Sector</td>
|
||||
<td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-pre-line font-semibold">{sector}</td>
|
||||
<td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Employees</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] font-semibold">{employees}</td>
|
||||
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white whitespace-pre-line font-semibold whitespace-nowrap">Sector</td>
|
||||
<td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-pre-line font-semibold">{sector}</td>
|
||||
<td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Employees</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default font-semibold">{employees}</td>
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Industry</td>
|
||||
<td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] whitespace-normal font-semibold">{industry}</td>
|
||||
<td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">Exchange</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-[#09090B] font-semibold">{exchange}</td>
|
||||
<td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Industry</td>
|
||||
<td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{industry}</td>
|
||||
<td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Exchange</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default font-semibold">{exchange}</td>
|
||||
</tr>
|
||||
-->
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Open</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{data?.getStockQuote?.open?.toFixed(2)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Prev. Close</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
|
||||
>{data?.getStockQuote?.previousClose?.toFixed(2) ?? "-"}</td
|
||||
>
|
||||
</tr>
|
||||
<!--
|
||||
{#if $screenWidth > 640}
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap">1D-Range</td>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]">{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed(2)}</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap ">1Y-Range</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap ">{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed(2)}</td>
|
||||
<td class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">1D-Range</td>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default">{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed(2)}</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap ">1Y-Range</td>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap ">{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed(2)}</td>
|
||||
</tr>
|
||||
{/if}
|
||||
-->
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>EPS (ttm)</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{data?.getStockQuote?.eps}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>PE Ratio (ttm)</td
|
||||
>
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-start sm:text-end bg-[#000] lg:bg-default"
|
||||
>{data?.getStockQuote?.pe}</td
|
||||
>
|
||||
</tr>
|
||||
<tr class="text-white border-b border-[#27272A]">
|
||||
<td
|
||||
class="text-start bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Shares Out.</td
|
||||
>
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-[#09090B]"
|
||||
<td class="text-center sm:text-end bg-[#000] lg:bg-default"
|
||||
>{abbreviateNumber(data?.getStockQuote?.sharesOutstanding)}</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] text-white font-semibold whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
|
||||
>Forward PE</td
|
||||
>
|
||||
<td
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-[#09090B] whitespace-nowrap"
|
||||
class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
|
||||
>{forwardPE === undefined || forwardPE === null
|
||||
? "-"
|
||||
: forwardPE}</td
|
||||
|
||||
@ -19,7 +19,7 @@
|
||||
: 'hidden'}"
|
||||
>
|
||||
<div
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-[#09090B] sm:border sm:border-gray-600 h-auto {$screenWidth <
|
||||
class="sm:rounded-md shadow-lg bg-[#000] sm:bg-default sm:border sm:border-gray-600 h-auto {$screenWidth <
|
||||
640
|
||||
? 'w-screen pt-16'
|
||||
: ''} md:w-[420px] xl:w-[450px]"
|
||||
@ -42,15 +42,15 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] sm:bg-default"
|
||||
>Company Name</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
|
||||
>Total Assets</th
|
||||
>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] sm:bg-default"
|
||||
>% of Fund</th
|
||||
>
|
||||
</tr>
|
||||
@ -58,7 +58,7 @@
|
||||
<tbody>
|
||||
{#each topETFHolder as item, index}
|
||||
<tr
|
||||
class="sm:hover:text-white text-blue-400 sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-[#09090B] border-b border-[#000] sm:border-[#27272A]"
|
||||
class="sm:hover:text-white text-blue-400 sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#000] sm:bg-default border-b border-[#000] sm:border-[#27272A]"
|
||||
>
|
||||
{#if index <= 6}
|
||||
<td>
|
||||
|
||||
@ -41,7 +41,7 @@
|
||||
class="space-y-3 lg:pt-5 lg:{topHoldingList?.length !== 0 ? '' : 'hidden'}"
|
||||
>
|
||||
<div
|
||||
class="sm:rounded-sm shadow-lg bg-[#000] lg:bg-[#09090B] lg:border lg:border-gray-600 h-auto {$screenWidth <=
|
||||
class="sm:rounded-sm shadow-lg bg-[#000] lg:bg-default lg:border lg:border-gray-600 h-auto {$screenWidth <=
|
||||
800
|
||||
? 'w-screen pt-16'
|
||||
: ''} md:w-[420px] xl:w-[450px]"
|
||||
@ -68,12 +68,12 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-start bg-[#000] lg:bg-default"
|
||||
>Company</th
|
||||
>
|
||||
|
||||
<th
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-[#09090B]"
|
||||
class="text-white font-semibold text-sm text-end bg-[#000] lg:bg-default"
|
||||
>Portfolio</th
|
||||
>
|
||||
</tr>
|
||||
@ -83,7 +83,7 @@
|
||||
{#if item?.asset !== null}
|
||||
<tr
|
||||
on:click={() => stockSelector(item?.asset)}
|
||||
class="lg:shake-ticker sm:hover:text-white text-blue-400 cursor-pointer lg:hover:bg-[#245073] lg:hover:bg-opacity-[0.2] bg-[#000] lg:bg-[#09090B] border-b border-[#000] lg:border-[#27272A]"
|
||||
class="lg:shake-ticker sm:hover:text-white text-blue-400 cursor-pointer lg:hover:bg-[#245073] lg:hover:bg-opacity-[0.2] bg-[#000] lg:bg-default border-b border-[#000] lg:border-[#27272A]"
|
||||
>
|
||||
<td class="">
|
||||
<div class="flex flex-row items-center">
|
||||
|
||||
@ -156,7 +156,7 @@
|
||||
{#if Object?.keys(varDict)?.length !== 0}
|
||||
<div class="pb-4 w-full mt-5">
|
||||
<div
|
||||
class="w-auto p-4 sm:p-6 bg-[#09090B] sm:bg-[#09090B] rounded-md relative"
|
||||
class="w-auto p-4 sm:p-6 bg-default sm:bg-default rounded-md relative"
|
||||
>
|
||||
<div class="flex flex-row items-center justify-between">
|
||||
<div class="relative size-[60px] sm:size-[90px] ml-auto">
|
||||
|
||||
@ -104,20 +104,79 @@
|
||||
>New</label
|
||||
>
|
||||
{/if}
|
||||
<div class="text-white text-sm ml-auto font-medium">
|
||||
<div
|
||||
class="text-white text-sm sm:text-[1rem] ml-auto font-medium"
|
||||
>
|
||||
{#if item?.changesPercentage >= 0}
|
||||
<span class="text-[#00FC50] inline-block"
|
||||
>+{item?.changesPercentage}%</span
|
||||
>
|
||||
<svg
|
||||
class="w-5 h-5 hidden sm:inline-block"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
transform="rotate(180)matrix(-1, 0, 0, 1, 0, 0)"
|
||||
><g id="SVGRepo_bgCarrier" stroke-width="0"
|
||||
></g><g
|
||||
id="SVGRepo_tracerCarrier"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
></g><g id="SVGRepo_iconCarrier">
|
||||
<g clip-path="url(#clip0_1076_36065)">
|
||||
<path
|
||||
d="M1.70711 5.29289C1.31658 4.90237 0.683417 4.90237 0.292893 5.29289C-0.0976311 5.68342 -0.0976311 6.31658 0.292893 6.70711L7.79289 14.2071C8.18342 14.5976 8.81658 14.5976 9.20711 14.2071L13.5 9.91421L20.5858 17H17C16.4477 17 16 17.4477 16 18C16 18.5523 16.4477 19 17 19H22.9993L23.003 19C23.1375 18.9996 23.2657 18.9727 23.3828 18.9241C23.5007 18.8753 23.6112 18.803 23.7071 18.7071C23.8902 18.524 23.9874 18.2877 23.9989 18.048C23.9996 18.032 24 18.016 24 18V12C24 11.4477 23.5523 11 23 11C22.4477 11 22 11.4477 22 12V15.5858L14.2071 7.79289C13.8166 7.40237 13.1834 7.40237 12.7929 7.79289L8.5 12.0858L1.70711 5.29289Z"
|
||||
fill="#00FC50"
|
||||
></path>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1076_36065">
|
||||
<rect
|
||||
width="24"
|
||||
height="24"
|
||||
fill="#00FC50"
|
||||
></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</g></svg
|
||||
>
|
||||
{:else if item?.changesPercentage < 0}
|
||||
<span class="text-[#FF2F1F] inline-block"
|
||||
>{item?.changesPercentage}%
|
||||
</span>
|
||||
<svg
|
||||
class="w-5 h-5 hidden sm:inline-block"
|
||||
viewBox="0 0 24 24"
|
||||
fill="#FF2F1F"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
><g id="SVGRepo_bgCarrier" stroke-width="0"
|
||||
></g><g
|
||||
id="SVGRepo_tracerCarrier"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
></g><g id="SVGRepo_iconCarrier">
|
||||
<g clip-path="url(#clip0_1076_36065)">
|
||||
<path
|
||||
d="M1.70711 5.29289C1.31658 4.90237 0.683417 4.90237 0.292893 5.29289C-0.0976311 5.68342 -0.0976311 6.31658 0.292893 6.70711L7.79289 14.2071C8.18342 14.5976 8.81658 14.5976 9.20711 14.2071L13.5 9.91421L20.5858 17H17C16.4477 17 16 17.4477 16 18C16 18.5523 16.4477 19 17 19H22.9993L23.003 19C23.1375 18.9996 23.2657 18.9727 23.3828 18.9241C23.5007 18.8753 23.6112 18.803 23.7071 18.7071C23.8902 18.524 23.9874 18.2877 23.9989 18.048C23.9996 18.032 24 18.016 24 18V12C24 11.4477 23.5523 11 23 11C22.4477 11 22 11.4477 22 12V15.5858L14.2071 7.79289C13.8166 7.40237 13.1834 7.40237 12.7929 7.79289L8.5 12.0858L1.70711 5.29289Z"
|
||||
fill="#FF2F1F"
|
||||
></path>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_1076_36065">
|
||||
<rect
|
||||
width="24"
|
||||
height="24"
|
||||
fill="#FF2F1F"
|
||||
></rect>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</g></svg
|
||||
>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col w-full max-w-3xl pt-2">
|
||||
<div class="flex flex-col w-full pt-2">
|
||||
{#if index === 0 && data?.user?.tier !== "Pro"}
|
||||
<span class="mt-3">
|
||||
{item?.text?.slice(0, 50) + "..."}
|
||||
@ -174,7 +233,7 @@
|
||||
<div class="flex justify-center items-center h-80">
|
||||
<div class="relative">
|
||||
<label
|
||||
class="bg-[#09090B] 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"
|
||||
class="bg-default 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>
|
||||
|
||||
@ -55,7 +55,7 @@
|
||||
<div class="w-screen sm:w-full">
|
||||
<div class="w-full overflow-x-scroll">
|
||||
<table
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto mt-4"
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
|
||||
>
|
||||
<!-- head -->
|
||||
<thead>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
|
||||
<div
|
||||
class={cn(
|
||||
"rounded-md border border-gray-800 bg-[#09090B] text-white shadow-sm",
|
||||
"rounded-md border border-gray-800 bg-default text-white shadow-sm",
|
||||
className,
|
||||
)}
|
||||
{...$$restProps}
|
||||
|
||||
@ -12,8 +12,8 @@
|
||||
|
||||
<CommandPrimitive.Root
|
||||
class={cn(
|
||||
"bg-[#09090B] text-white flex h-full w-full flex-col overflow-hidden rounded-md",
|
||||
className
|
||||
"bg-default text-white flex h-full w-full flex-col overflow-hidden rounded-md",
|
||||
className,
|
||||
)}
|
||||
bind:value
|
||||
{...$$restProps}
|
||||
|
||||
@ -17,8 +17,8 @@
|
||||
{transitionConfig}
|
||||
{sideOffset}
|
||||
class={cn(
|
||||
"z-50 min-w-[8rem] rounded-md border border-gray-500 bg-[#09090B] p-1 text-white shadow-md focus:outline-none",
|
||||
className
|
||||
"z-50 min-w-[8rem] rounded-md border border-gray-500 bg-default p-1 text-white shadow-md focus:outline-none",
|
||||
className,
|
||||
)}
|
||||
{...$$restProps}
|
||||
on:keydown
|
||||
|
||||
@ -18,8 +18,8 @@
|
||||
{transition}
|
||||
{transitionConfig}
|
||||
class={cn(
|
||||
"z-50 min-w-[8rem] rounded-md border bg-[#09090B] p-1 text-white shadow-lg focus:outline-none",
|
||||
className
|
||||
"z-50 min-w-[8rem] rounded-md border bg-default p-1 text-white shadow-lg focus:outline-none",
|
||||
className,
|
||||
)}
|
||||
{...$$restProps}
|
||||
on:keydown
|
||||
|
||||
@ -27,8 +27,8 @@
|
||||
{outTransitionConfig}
|
||||
{sideOffset}
|
||||
class={cn(
|
||||
"bg-[#09090B] text-white relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-800 shadow-md outline-none",
|
||||
className
|
||||
"bg-default text-white relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-gray-800 shadow-md outline-none",
|
||||
className,
|
||||
)}
|
||||
{...$$restProps}
|
||||
on:keydown
|
||||
|
||||
@ -12,8 +12,8 @@
|
||||
|
||||
<SelectPrimitive.Trigger
|
||||
class={cn(
|
||||
"border-input bg-[#09090B] ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-white flex h-10 w-full items-center justify-between rounded-md border border-gray-800 px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
|
||||
className
|
||||
"border-input bg-default ring-offset-background focus-visible:ring-ring aria-[invalid]:border-destructive data-[placeholder]:[&>span]:text-white flex h-10 w-full items-center justify-between rounded-md border border-gray-800 px-3 py-2 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
|
||||
className,
|
||||
)}
|
||||
{...$$restProps}
|
||||
let:builder
|
||||
|
||||
@ -16,6 +16,6 @@
|
||||
<SheetPrimitive.Overlay
|
||||
{transition}
|
||||
{transitionConfig}
|
||||
class={cn("fixed inset-0 z-50 bg-[#09090B]/80 backdrop-blur-sm ", className)}
|
||||
class={cn("fixed inset-0 z-50 bg-default/80 backdrop-blur-sm ", className)}
|
||||
{...$$restProps}
|
||||
/>
|
||||
@ -7,7 +7,7 @@
|
||||
</script>
|
||||
|
||||
<section class="min-h-screen pt-6">
|
||||
<div class="bg-[#09090B] mt-10 m-auto overflow-hidden w-full max-w-4xl">
|
||||
<div class="bg-default mt-10 m-auto overflow-hidden w-full max-w-4xl">
|
||||
<div class="lg:flex">
|
||||
<div class="mt-10 mb-5 m-auto">
|
||||
<h1 class="text-white text-center text-2xl sm:text-4xl font-bold mb-5">
|
||||
|
||||
@ -274,19 +274,19 @@
|
||||
<svelte:window bind:innerWidth={$screenWidth} />
|
||||
|
||||
<div class="app {$page?.url?.pathname === '/' ? 'bg-[#000]' : ''}">
|
||||
<div class="flex min-h-screen w-full flex-col bg-[#09090B]">
|
||||
<div class="flex min-h-screen w-full flex-col bg-default">
|
||||
<div class="w-full">
|
||||
<div
|
||||
class="w-full navbar sticky {$screenWidth < 640 && hideHeader
|
||||
? 'invisible -mt-20'
|
||||
: ''} top-0 z-40 bg-[#09090B] border-b border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6"
|
||||
: ''} top-0 z-40 bg-default border-b border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6"
|
||||
>
|
||||
<Sheet.Root>
|
||||
<Sheet.Trigger asChild let:builder>
|
||||
<Button
|
||||
builders={[builder]}
|
||||
size="icon"
|
||||
class="bg-[#09090B] text-white sm:hover:bg-primary border-none"
|
||||
class="bg-default text-white sm:hover:bg-primary border-none"
|
||||
>
|
||||
<Menu class="h-5.5 w-5.5 sm:w-7 sm:h-7" />
|
||||
<span class="sr-only">Toggle Menu</span>
|
||||
@ -845,7 +845,7 @@
|
||||
<DropdownMenu.Trigger asChild let:builder>
|
||||
<Button
|
||||
size="icon"
|
||||
class="overflow-hidden rounded-md bg-[#09090B] sm:hover:bg-primary border border-gray-600 w-10 h-10"
|
||||
class="overflow-hidden rounded-md bg-default sm:hover:bg-primary border border-gray-600 w-10 h-10"
|
||||
builders={[builder]}
|
||||
>
|
||||
<svg
|
||||
@ -1215,7 +1215,7 @@
|
||||
</aside>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<main class="w-full overflow-y-auto bg-[#09090B] sm:p-4">
|
||||
<main class="w-full overflow-y-auto bg-default sm:p-4">
|
||||
<!--
|
||||
<button on:click={handleNotificationClick}>
|
||||
Send Notification
|
||||
|
||||
@ -118,7 +118,7 @@
|
||||
</svelte:head>
|
||||
|
||||
<div
|
||||
class="w-full xl:max-w-screen-2xl overflow-hidden m-auto min-h-screen bg-[#09090B] mb-40"
|
||||
class="w-full xl:max-w-screen-2xl overflow-hidden m-auto min-h-screen bg-default mb-40"
|
||||
>
|
||||
{#if AppInstalled && !$closedPWA}
|
||||
<svelte:component this={AppInstalled} />
|
||||
|
||||
@ -198,7 +198,7 @@
|
||||
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden"
|
||||
>
|
||||
<table
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
|
||||
@ -389,7 +389,7 @@
|
||||
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
|
||||
>
|
||||
<table
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
|
||||
@ -185,7 +185,7 @@
|
||||
class="w-screen sm:w-full rounded-none sm:rounded-md mb-4 overflow-x-scroll lg:overflow-hidden"
|
||||
>
|
||||
<table
|
||||
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
||||
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
|
||||
@ -233,7 +233,7 @@
|
||||
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
|
||||
>
|
||||
<table
|
||||
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
||||
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
@ -241,7 +241,7 @@
|
||||
<tbody>
|
||||
{#each stockList as item, index}
|
||||
<tr
|
||||
class="sm:hover:bg-[#245073] border-b border-[#27272A] sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
|
||||
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
|
||||
1 ===
|
||||
rawData?.length && data?.user?.tier !== 'Pro'
|
||||
? 'opacity-[0.1]'
|
||||
|
||||
@ -131,7 +131,7 @@
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="w-full mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3 overflow-hidden"
|
||||
class="w-full mt-10 m-auto mb-10 bg-default pl-3 pr-3 overflow-hidden"
|
||||
>
|
||||
<!--Start Top Winners/Losers-->
|
||||
<div class="flex flex-col justify-center items-center">
|
||||
@ -145,7 +145,7 @@
|
||||
|
||||
<div class="w-full overflow-x-scroll">
|
||||
<table
|
||||
class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
||||
class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
@ -338,7 +338,7 @@
|
||||
</script>
|
||||
|
||||
<body
|
||||
class="bg-[#09090B] pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden"
|
||||
class="bg-default pb-40 w-full max-w-screen min-h-screen sm:max-w-7xl xl:max-w-screen-2xl overflow-hidden"
|
||||
>
|
||||
<!-- Page wrapper -->
|
||||
<div class="flex flex-col w-full">
|
||||
@ -347,7 +347,7 @@
|
||||
<div class="w-full">
|
||||
<div class="sm:flex sm:justify-start w-full">
|
||||
<!--Start Mobile Navbar-->
|
||||
<div class="fixed top-0 left-0 right-0 z-20 bg-[#09090B] sm:hidden">
|
||||
<div class="fixed top-0 left-0 right-0 z-20 bg-default sm:hidden">
|
||||
<div class="navbar w-full px-4 py-2">
|
||||
<div
|
||||
class="{isScrolled
|
||||
@ -567,7 +567,7 @@
|
||||
<div class="flex flex-col ml-auto mr-2">
|
||||
{#if userWatchList?.length !== 0}
|
||||
<div
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center"
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
|
||||
>
|
||||
<label
|
||||
for="addWatchListModal"
|
||||
@ -598,7 +598,7 @@
|
||||
</div>
|
||||
{:else if userWatchList?.length === 0}
|
||||
<div
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center"
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
|
||||
>
|
||||
<label
|
||||
on:click={() =>
|
||||
@ -632,7 +632,7 @@
|
||||
</div>
|
||||
{:else}
|
||||
<div
|
||||
class="flex-shrink-0 ml-auto mr-2 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center"
|
||||
class="flex-shrink-0 ml-auto mr-2 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
|
||||
>
|
||||
<label
|
||||
for="userLogin"
|
||||
@ -655,7 +655,7 @@
|
||||
<!--Start Price Alert -->
|
||||
|
||||
<div
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center"
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
|
||||
>
|
||||
<label
|
||||
on:click={() => ($openPriceAlert = true)}
|
||||
@ -723,14 +723,14 @@
|
||||
<div class="hidden sm:flex ml-auto">
|
||||
{#if holdingShares !== 0 && data?.user}
|
||||
|
||||
<label for="{!data?.user ? 'userLogin' : userPortfolio?.length !== 0 ? 'typeOfTrade' : ''}" class="py-2 px-3 text-sm sm:text-[1rem] cursor-pointer mr-1 flex flex-row ease-in-out duration-100 rounded-full shadow-lg bg-[#09090B] hover:bg-secondary border border-gray-600 normal-case cursor-pointer items-center">
|
||||
<label for="{!data?.user ? 'userLogin' : userPortfolio?.length !== 0 ? 'typeOfTrade' : ''}" class="py-2 px-3 text-sm sm:text-[1rem] cursor-pointer mr-1 flex flex-row ease-in-out duration-100 rounded-full shadow-lg bg-default hover:bg-secondary border border-gray-600 normal-case cursor-pointer items-center">
|
||||
<svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M8 2.5a.5.5 0 0 0-1 0V7H2.5a.5.5 0 0 0 0 1H7v4.5a.5.5 0 0 0 1 0V8h4.5a.5.5 0 0 0 0-1H8z"/></svg>
|
||||
<span class="text-white font-medium">
|
||||
Portfolio
|
||||
</span>
|
||||
</label>
|
||||
{:else}
|
||||
<label for="{!data?.user ? 'userLogin' : userPortfolio?.length === 0 ? 'addPortfolio' : 'buyTradeModal'}" class="py-2 px-3 text-sm sm:text-[1rem] cursor-pointer mr-1 flex flex-row ease-in-out duration-100 rounded-full shadow-lg bg-[#09090B] hover:bg-secondary border border-gray-600 normal-case cursor-pointer items-center">
|
||||
<label for="{!data?.user ? 'userLogin' : userPortfolio?.length === 0 ? 'addPortfolio' : 'buyTradeModal'}" class="py-2 px-3 text-sm sm:text-[1rem] cursor-pointer mr-1 flex flex-row ease-in-out duration-100 rounded-full shadow-lg bg-default hover:bg-secondary border border-gray-600 normal-case cursor-pointer items-center">
|
||||
<svg class="w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M8 2.5a.5.5 0 0 0-1 0V7H2.5a.5.5 0 0 0 0 1H7v4.5a.5.5 0 0 0 1 0V8h4.5a.5.5 0 0 0 0-1H8z"/></svg>
|
||||
<span class="text-white font-medium">
|
||||
Portfolio
|
||||
@ -746,7 +746,7 @@
|
||||
|
||||
<!--Start Ticker Section-->
|
||||
|
||||
<!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-[#09090B]" style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">-->
|
||||
<!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-default" style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">-->
|
||||
<div
|
||||
class="-ml-2 sm:ml-4 w-screen sm:w-full {$screenWidth <
|
||||
640
|
||||
@ -754,7 +754,7 @@
|
||||
: ''} mb-2"
|
||||
>
|
||||
<ul
|
||||
class="pr-4 sm:pr-0 w-screen font-medium flex flex-row items-center bg-[#09090B] overflow-x-scroll space-x-3 rtl:space-x-reverse py-2"
|
||||
class="pr-4 sm:pr-0 w-screen font-medium flex flex-row items-center bg-default overflow-x-scroll space-x-3 rtl:space-x-reverse py-2"
|
||||
>
|
||||
<li class="cursor-pointer flex flex-col items-center">
|
||||
<a
|
||||
@ -764,14 +764,14 @@
|
||||
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
|
||||
'overview'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
Overview
|
||||
</a>
|
||||
<div
|
||||
class="{displaySection === 'overview'
|
||||
? 'bg-[#75D377]'
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[3.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] rounded-full w-[3.5rem]"
|
||||
/>
|
||||
</li>
|
||||
<li class="cursor-pointer flex flex-col items-center">
|
||||
@ -782,12 +782,12 @@
|
||||
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
|
||||
'stats'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}">Stats</a
|
||||
: 'bg-default'}">Stats</a
|
||||
>
|
||||
<div
|
||||
class="{displaySection === 'stats'
|
||||
? 'bg-[#75D377]'
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] rounded-full w-[2rem]"
|
||||
/>
|
||||
</li>
|
||||
<li class="cursor-pointer flex flex-col items-center">
|
||||
@ -798,14 +798,14 @@
|
||||
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
|
||||
'forecast'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
Forecast
|
||||
</a>
|
||||
<div
|
||||
class="{displaySection === 'forecast'
|
||||
? 'bg-[#75D377]'
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] rounded-full w-[2rem]"
|
||||
/>
|
||||
</li>
|
||||
<li class="cursor-pointer flex flex-col items-center">
|
||||
@ -817,14 +817,14 @@
|
||||
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
|
||||
'congress-trading'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
Insider
|
||||
</a>
|
||||
<div
|
||||
class="{displaySection === 'congress-trading'
|
||||
? 'bg-[#75D377]'
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] rounded-full w-[2.5rem]"
|
||||
/>
|
||||
</li>
|
||||
<li class="cursor-pointer flex flex-col items-center">
|
||||
@ -835,14 +835,14 @@
|
||||
class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
|
||||
'news'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
News
|
||||
</a>
|
||||
<div
|
||||
class="{displaySection === 'news'
|
||||
? 'bg-[#75D377]'
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] rounded-full w-[2rem]"
|
||||
/>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@ -648,7 +648,7 @@ afterUpdate(async () => {
|
||||
<!-- Add more Twitter meta tags as needed -->
|
||||
</svelte:head>
|
||||
|
||||
<section class="bg-[#09090B] min-h-screen pb-40">
|
||||
<section class="bg-default min-h-screen pb-40">
|
||||
<div class="w-full m-auto">
|
||||
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
|
||||
<!-- Main content -->
|
||||
@ -740,14 +740,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("1D")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === '1D'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
1D
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '1D'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem] rounded-full"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem] rounded-full"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col items-center mr-4">
|
||||
@ -756,14 +756,14 @@ afterUpdate(async () => {
|
||||
class="w-full text-sm font-medium text-gray-400 {displayData ===
|
||||
'1W'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
1W
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '1W'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col items-center mr-4">
|
||||
@ -771,14 +771,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("1M")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === '1M'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
1M
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '1M'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col items-center mr-4">
|
||||
@ -786,14 +786,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("6M")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === '6M'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
6M
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '6M'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col items-center mr-4">
|
||||
@ -801,14 +801,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("1Y")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === '1Y'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
1Y
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '1Y'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -817,20 +817,20 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("MAX")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === 'MAX'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
MAX
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === 'MAX'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<Button
|
||||
on:click={changeChartType}
|
||||
class="ml-auto border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
class="ml-auto border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
>
|
||||
{#if displayChartType === "line"}
|
||||
<svg
|
||||
@ -1160,14 +1160,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("1D")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === '1D'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
1D
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '1D'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem] rounded-full"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem] rounded-full"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col items-center mr-4">
|
||||
@ -1176,14 +1176,14 @@ afterUpdate(async () => {
|
||||
class="w-full text-sm font-medium text-gray-400 {displayData ===
|
||||
'1W'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
1W
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '1W'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col items-center mr-4">
|
||||
@ -1191,14 +1191,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("1M")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === '1M'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
1M
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '1M'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col items-center mr-4">
|
||||
@ -1206,14 +1206,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("6M")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === '6M'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
6M
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '6M'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col items-center mr-4">
|
||||
@ -1221,14 +1221,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("1Y")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === '1Y'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
1Y
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === '1Y'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -1237,14 +1237,14 @@ afterUpdate(async () => {
|
||||
on:click={() => changeData("MAX")}
|
||||
class="text-sm font-medium text-gray-400 {displayData === 'MAX'
|
||||
? 'text-white '
|
||||
: 'bg-[#09090B]'}"
|
||||
: 'bg-default'}"
|
||||
>
|
||||
MAX
|
||||
</button>
|
||||
<div
|
||||
class="{displayData === 'MAX'
|
||||
? `bg-[${colorChange}]`
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem]"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem]"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@ -155,7 +155,7 @@
|
||||
</svelte:head>
|
||||
|
||||
<section
|
||||
class="w-full bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0"
|
||||
class="w-full bg-default overflow-hidden text-white h-full mb-40 sm:mb-0"
|
||||
>
|
||||
<div class="h-full overflow-hidden">
|
||||
<div class="relative flex justify-center items-center overflow-hidden">
|
||||
@ -333,22 +333,22 @@
|
||||
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md 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"
|
||||
class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr class="bg-[#09090B]">
|
||||
<tr class="bg-default">
|
||||
<th
|
||||
class="shadow-md text-start bg-[#09090B] text-white text-sm font-semibold"
|
||||
class="shadow-md text-start bg-default text-white text-sm font-semibold"
|
||||
>
|
||||
Person
|
||||
</th>
|
||||
<th
|
||||
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold"
|
||||
class="shadow-md text-end bg-default text-white text-sm font-semibold"
|
||||
>
|
||||
Transaction Date
|
||||
</th>
|
||||
<th
|
||||
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold"
|
||||
class="shadow-md text-end bg-default text-white text-sm font-semibold"
|
||||
>
|
||||
Amount
|
||||
</th>
|
||||
@ -361,7 +361,7 @@
|
||||
<tbody>
|
||||
{#each senateTradingList as item}
|
||||
<tr
|
||||
class="odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]"
|
||||
class="odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B]"
|
||||
>
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3 border-b border-b-[#09090B]"
|
||||
@ -433,7 +433,7 @@
|
||||
<div class="relative w-full mt-10">
|
||||
{#each senateTradingList as item}
|
||||
<div
|
||||
class="w-full bg-[#09090B] border border-gray-600 shadow-lg h-auto pb-4 pt-4 mb-7"
|
||||
class="w-full bg-default border border-gray-600 shadow-lg h-auto pb-4 pt-4 mb-7"
|
||||
>
|
||||
<div class="flex flex-col relative">
|
||||
{#if item?.party === "Republican"}
|
||||
|
||||
@ -13,9 +13,14 @@
|
||||
analyst: "analyst",
|
||||
};
|
||||
|
||||
const foundSection = parts?.find((part) => Object?.values(sectionMap)?.includes(part));
|
||||
const foundSection = parts?.find((part) =>
|
||||
Object?.values(sectionMap)?.includes(part),
|
||||
);
|
||||
|
||||
displaySubSection = Object?.keys(sectionMap)?.find((key) => sectionMap[key] === foundSection) || "overview";
|
||||
displaySubSection =
|
||||
Object?.keys(sectionMap)?.find(
|
||||
(key) => sectionMap[key] === foundSection,
|
||||
) || "overview";
|
||||
}
|
||||
|
||||
function changeSubSection(state) {
|
||||
@ -25,7 +30,6 @@
|
||||
analyst: "/forecast/analyst",
|
||||
};
|
||||
|
||||
|
||||
if (state !== "overview" && subSectionMap[state]) {
|
||||
displaySubSection = state;
|
||||
//goto(`/stocks/${$stockTicker}${subSectionMap[state]}`);
|
||||
@ -37,7 +41,10 @@
|
||||
|
||||
const unsubscribe = page.subscribe(($page) => {
|
||||
const splitRoute = $page.url.pathname.split("/");
|
||||
const routeState = splitRoute[splitRoute.length - 1] !== "forecast" ? splitRoute[splitRoute.length - 1] : "overview";
|
||||
const routeState =
|
||||
splitRoute[splitRoute.length - 1] !== "forecast"
|
||||
? splitRoute[splitRoute.length - 1]
|
||||
: "overview";
|
||||
|
||||
changeSubSection(routeState);
|
||||
});
|
||||
@ -47,9 +54,10 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
<section class="w-auto max-w-5xl bg-[#09090B] overflow-hidden text-black h-full mb-40">
|
||||
<section
|
||||
class="w-auto max-w-5xl bg-default overflow-hidden text-black h-full mb-40"
|
||||
>
|
||||
<div class="m-auto h-full overflow-hidden">
|
||||
|
||||
<slot />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -53,7 +53,7 @@
|
||||
</svelte:head>
|
||||
|
||||
<section
|
||||
class="bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0 w-full"
|
||||
class="bg-default overflow-hidden text-white h-full mb-40 sm:mb-0 w-full"
|
||||
>
|
||||
<div class="flex justify-center m-auto h-full overflow-hidden w-full">
|
||||
<div
|
||||
|
||||
@ -100,7 +100,7 @@
|
||||
</svelte:head>
|
||||
|
||||
<section
|
||||
class="w-auto max-w-4xl bg-[#09090B] overflow-hidden text-black h-full mb-40"
|
||||
class="w-auto max-w-4xl bg-default overflow-hidden text-black h-full mb-40"
|
||||
>
|
||||
<div class="m-auto h-full overflow-hidden">
|
||||
<main class="">
|
||||
@ -112,7 +112,7 @@
|
||||
{#if newsList?.length !== 0}
|
||||
<div class="grid grid-cols-1 gap-2 pb-5">
|
||||
{#each newsList as item}
|
||||
<div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto">
|
||||
<div class="w-full flex flex-col bg-default rounded-md m-auto">
|
||||
{#if (videoId = checkIfYoutubeVideo(item.url))}
|
||||
<iframe
|
||||
class="w-full h-96 rounded-md border border-gray-800"
|
||||
@ -172,7 +172,7 @@
|
||||
{/if}
|
||||
{:else}
|
||||
<div
|
||||
class="w-screen max-w-xl sm:flex sm:flex-row sm:items-center justify-center m-auto text-gray-100 font-medium bg-[#09090B] sm:rounded-md h-auto p-5 mb-4"
|
||||
class="w-screen max-w-xl sm:flex sm:flex-row sm:items-center justify-center m-auto text-gray-100 font-medium bg-default sm:rounded-md h-auto p-5 mb-4"
|
||||
>
|
||||
<svg
|
||||
class="w-5 h-5 inline-block sm:mr-2 flex-shrink-0"
|
||||
|
||||
@ -145,7 +145,7 @@ updateYearRange()
|
||||
class="w-full grid grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-y-3 gap-x-3"
|
||||
>
|
||||
<div
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto"
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
|
||||
>
|
||||
<div class="flex flex-col items-center w-full p-3">
|
||||
<span class="font-medium text-white text-xl font-semibold"
|
||||
@ -197,7 +197,7 @@ updateYearRange()
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto"
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
|
||||
>
|
||||
<div class="flex flex-col items-center w-full p-3">
|
||||
<span class="font-medium text-white text-xl font-semibold"
|
||||
@ -249,7 +249,7 @@ updateYearRange()
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto"
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
|
||||
>
|
||||
<div class="flex flex-col items-center w-full p-3">
|
||||
<span class="font-medium text-white text-xl font-semibold"
|
||||
@ -319,7 +319,7 @@ updateYearRange()
|
||||
>
|
||||
<thead>
|
||||
<tr
|
||||
class="bg-[#09090B] border-gray-600 rounded text-white font-semibold"
|
||||
class="bg-default border-gray-600 rounded text-white font-semibold"
|
||||
>
|
||||
<th class="text-start text-sm sm:text-[1rem]">Started</th>
|
||||
<th class="text-sm sm:text-[1rem] text-end">Recovered</th>
|
||||
@ -414,13 +414,13 @@ updateYearRange()
|
||||
>
|
||||
<thead>
|
||||
<tr
|
||||
class="bg-[#09090B] text-white text-sm border-b border-[#27272A]"
|
||||
class="bg-default text-white text-sm border-b border-[#27272A]"
|
||||
>
|
||||
<th class="text-start text-sm sm:text-[1rem] font-semibold">
|
||||
Metric
|
||||
</th>
|
||||
<th
|
||||
class="text-end bg-[#09090B] text-sm sm:text-[1rem] font-semibold"
|
||||
class="text-end bg-default text-sm sm:text-[1rem] font-semibold"
|
||||
>
|
||||
{$cryptoTicker}
|
||||
</th>
|
||||
|
||||
@ -740,7 +740,7 @@
|
||||
|
||||
<body class="overflow-y-auto">
|
||||
<section
|
||||
class="w-full max-w-screen sm:max-w-7xl xl:max-w-screen-2xl flex justify-center items-center bg-[#09090B] pb-20 mt-5 sm:mt-0 px-3 sm:px-0"
|
||||
class="w-full max-w-screen sm:max-w-7xl xl:max-w-screen-2xl flex justify-center items-center bg-default pb-20 mt-5 sm:mt-0 px-3 sm:px-0"
|
||||
>
|
||||
<div class="w-full m-auto min-h-screen">
|
||||
<!--
|
||||
@ -946,7 +946,7 @@
|
||||
>
|
||||
<label
|
||||
for="ruleModal"
|
||||
class="inline-flex cursor-pointer items-center justify-center space-x-1 whitespace-nowrap rounded-md border border-transparent bg-blue-brand_light py-2 pl-3 pr-4 text-base font-semibold text-white shadow-sm bg-[#000] sm:hover:bg-[#09090B]/60 ease-out focus:outline-none focus:ring-2 focus:ring-blue-500 sm:text-smaller"
|
||||
class="inline-flex cursor-pointer items-center justify-center space-x-1 whitespace-nowrap rounded-md border border-transparent bg-blue-brand_light py-2 pl-3 pr-4 text-base font-semibold text-white shadow-sm bg-[#000] sm:hover:bg-default/60 ease-out focus:outline-none focus:ring-2 focus:ring-blue-500 sm:text-smaller"
|
||||
>
|
||||
<svg
|
||||
class="h-5 w-5"
|
||||
@ -995,7 +995,7 @@
|
||||
{#each displayRules as row (row?.rule)}
|
||||
<!--Start Added Rules-->
|
||||
<div
|
||||
class="flex items-center justify-between space-x-2 px-1 py-1.5 text-smaller leading-tight text-default"
|
||||
class="flex items-center justify-between space-x-2 px-1 py-1.5 text-smaller leading-tight text-white"
|
||||
>
|
||||
<div class="hide-scroll text-white">
|
||||
{row?.label?.length > 20
|
||||
@ -1090,7 +1090,7 @@
|
||||
>
|
||||
{#if !categoricalRules?.includes(row?.rule)}
|
||||
<DropdownMenu.Label
|
||||
class="absolute mt-2 h-11 border-gray-800 border-b -top-1 z-20 fixed sticky bg-[#09090B]"
|
||||
class="absolute mt-2 h-11 border-gray-800 border-b -top-1 z-20 fixed sticky bg-default"
|
||||
>
|
||||
<div
|
||||
class="flex items-center justify-start gap-x-1"
|
||||
@ -1103,7 +1103,7 @@
|
||||
<DropdownMenu.Trigger asChild let:builder
|
||||
><Button
|
||||
builders={[builder]}
|
||||
class="w-fit -mt-1 -ml-2 bg-[#09090B] flex flex-row justify-between items-center text-white"
|
||||
class="w-fit -mt-1 -ml-2 bg-default flex flex-row justify-between items-center text-white"
|
||||
>
|
||||
<span
|
||||
class="truncate ml-2 text-sm sm:text-[1rem]"
|
||||
|
||||
@ -391,7 +391,7 @@
|
||||
class=" m-auto w-full cursor-pointer h-16 {index ===
|
||||
selectedWeekday
|
||||
? 'bg-[#fff] text-black font-semibold'
|
||||
: ''} rounded-md sm:rounded-none flex bg-[#09090B] border border-gray-600 mb-3"
|
||||
: ''} rounded-md sm:rounded-none flex bg-default border border-gray-600 mb-3"
|
||||
>
|
||||
<div
|
||||
class=" flex flex-row justify-center items-center w-full"
|
||||
|
||||
@ -58,7 +58,7 @@
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="w-full bg-[#09090B] m-auto">
|
||||
<div class="w-full bg-default m-auto">
|
||||
<div class="">
|
||||
<h2 class="text-white text-xl font-semibold mb-5">Hey 👋,</h2>
|
||||
<p class="text-white mb-5 text-[1rem]">
|
||||
|
||||
@ -391,7 +391,7 @@
|
||||
class=" m-auto w-full cursor-pointer h-16 {index ===
|
||||
selectedWeekday
|
||||
? 'bg-[#fff] text-black font-semibold'
|
||||
: ''} rounded-md sm:rounded-none flex bg-[#09090B] border border-gray-600 mb-3"
|
||||
: ''} rounded-md sm:rounded-none flex bg-default border border-gray-600 mb-3"
|
||||
>
|
||||
<div
|
||||
class=" flex flex-row justify-center items-center w-full"
|
||||
@ -469,7 +469,7 @@
|
||||
|
||||
<div class="w-full overflow-x-scroll no-scrollbar">
|
||||
<table
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto mt-4"
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
|
||||
@ -399,7 +399,7 @@
|
||||
class=" m-auto w-full cursor-pointer h-16 {index ===
|
||||
selectedWeekday
|
||||
? 'bg-[#fff] text-black font-semibold'
|
||||
: ''} rounded sm:rounded-none flex bg-[#09090B] border border-gray-600 mb-3"
|
||||
: ''} rounded sm:rounded-none flex bg-default border border-gray-600 mb-3"
|
||||
>
|
||||
<div
|
||||
class=" flex flex-row justify-center items-center w-full"
|
||||
@ -472,7 +472,7 @@
|
||||
<DropdownMenu.Trigger asChild let:builder>
|
||||
<Button
|
||||
builders={[builder]}
|
||||
class="border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
class="border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
>
|
||||
<span class="truncate text-white">Filter Country</span>
|
||||
<svg
|
||||
@ -503,7 +503,7 @@
|
||||
bind:value={searchQuery}
|
||||
on:input={handleInput}
|
||||
autocomplete="off"
|
||||
class=" absolute fixed sticky w-full border-0 bg-[#09090B] border-b border-gray-200
|
||||
class=" absolute fixed sticky w-full border-0 bg-default border-b border-gray-200
|
||||
focus:border-gray-200 focus:ring-0 text-white placeholder:text-gray-300"
|
||||
type="search"
|
||||
placeholder="Search..."
|
||||
@ -537,7 +537,7 @@
|
||||
<DropdownMenu.Trigger asChild let:builder>
|
||||
<Button
|
||||
builders={[builder]}
|
||||
class="border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
class="border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
>
|
||||
<span class="truncate text-white"
|
||||
>Filter Importance</span
|
||||
@ -622,7 +622,7 @@
|
||||
{#if filterList?.length !== 0}
|
||||
<Button
|
||||
on:click={() => handleReset()}
|
||||
class="w-fit border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-start items-center px-3 py-2 text-white rounded-md truncate"
|
||||
class="w-fit border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-start items-center px-3 py-2 text-white rounded-md truncate"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@ -674,7 +674,7 @@
|
||||
|
||||
<div class="w-full overflow-x-scroll no-scrollbar">
|
||||
<table
|
||||
class="table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4"
|
||||
class="table-sm table-compact rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
|
||||
@ -845,7 +845,7 @@
|
||||
|
||||
<div class="w-full overflow-x-scroll">
|
||||
<table
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4"
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4"
|
||||
>
|
||||
<thead>
|
||||
<tr class="border border-gray-600">
|
||||
|
||||
@ -148,7 +148,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full mt-10 m-auto mb-10 bg-[#09090B] pl-3 pr-3">
|
||||
<div class="w-full mt-10 m-auto mb-10 bg-default pl-3 pr-3">
|
||||
<!--Start Top Winners/Losers-->
|
||||
<div class="flex flex-col justify-center items-center">
|
||||
<div class="ml-4 text-start w-full text-white mb-2">
|
||||
@ -161,7 +161,7 @@
|
||||
|
||||
<div class="w-full overflow-x-scroll">
|
||||
<table
|
||||
class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
||||
class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
@ -292,7 +292,7 @@
|
||||
<svelte:window bind:scrollY={y} />
|
||||
|
||||
<body
|
||||
class="bg-[#09090B] w-full max-w-screen sm:max-w-7xl min-h-screen xl:max-w-screen-2xl overflow-hidden"
|
||||
class="bg-default w-full max-w-screen sm:max-w-7xl min-h-screen xl:max-w-screen-2xl overflow-hidden"
|
||||
>
|
||||
<!-- Page wrapper -->
|
||||
<div class="flex flex-col w-full mt-5 relative w-full">
|
||||
@ -301,7 +301,7 @@
|
||||
<div class="w-full">
|
||||
<div class="sm:flex sm:justify-start w-full">
|
||||
<!--Start Mobile Navbar-->
|
||||
<div class="fixed top-0 left-0 right-0 z-20 bg-[#09090B] sm:hidden">
|
||||
<div class="fixed top-0 left-0 right-0 z-20 bg-default sm:hidden">
|
||||
<div class="navbar w-full px-4 py-2">
|
||||
<div
|
||||
class="{isScrolled
|
||||
@ -520,7 +520,7 @@
|
||||
<div class="flex flex-col ml-auto mr-2">
|
||||
{#if userWatchList?.length !== 0}
|
||||
<div
|
||||
class="flex-shrink-0 rounded-full sm:hover:bg-white sm:hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center"
|
||||
class="flex-shrink-0 rounded-full sm:hover:bg-white sm:hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
|
||||
>
|
||||
<label
|
||||
for="addWatchListModal"
|
||||
@ -551,7 +551,7 @@
|
||||
</div>
|
||||
{:else if userWatchList?.length === 0}
|
||||
<div
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center"
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
|
||||
>
|
||||
<label
|
||||
on:click={() =>
|
||||
@ -585,7 +585,7 @@
|
||||
</div>
|
||||
{:else}
|
||||
<div
|
||||
class="flex-shrink-0 ml-auto mr-2 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center"
|
||||
class="flex-shrink-0 ml-auto mr-2 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
|
||||
>
|
||||
<label
|
||||
for="userLogin"
|
||||
@ -608,7 +608,7 @@
|
||||
<!--Start Price Alert -->
|
||||
|
||||
<div
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-[#09090B] flex items-center justify-center"
|
||||
class="flex-shrink-0 rounded-full hover:bg-white hover:bg-opacity-[0.02] transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
|
||||
>
|
||||
<label
|
||||
on:click={() => ($openPriceAlert = true)}
|
||||
@ -664,7 +664,7 @@
|
||||
|
||||
<!--Start Ticker Section-->
|
||||
|
||||
<!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-[#09090B]" style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">-->
|
||||
<!--<div class="w-full max-w-3xl sm:max-w-2xl m-auto pt-2 pb-5 sm:pl-3 sticky z-20 bg-default" style="top: {$screenWidth < 520 && $isScrollingUp ? '4rem' : '0rem'};">-->
|
||||
<nav
|
||||
class="sm:ml-4 border-b-[2px] overflow-x-scroll md:overflow-hidden whitespace-nowrap"
|
||||
>
|
||||
|
||||
@ -797,7 +797,7 @@
|
||||
<!-- Add more Twitter meta tags as needed -->
|
||||
</svelte:head>
|
||||
|
||||
<section class="bg-[#09090B] min-h-screen pb-40 overflow-hidden w-full">
|
||||
<section class="bg-default min-h-screen pb-40 overflow-hidden w-full">
|
||||
<div class="w-full m-auto overflow-hidden">
|
||||
<div
|
||||
class="md:flex md:justify-between md:divide-x md:divide-slate-800 w-full"
|
||||
@ -906,7 +906,7 @@
|
||||
<DropdownMenu.Trigger asChild let:builder>
|
||||
<Button
|
||||
builders={[builder]}
|
||||
class="ml-auto border-gray-600 border bg-[#09090B] sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
class="ml-auto border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
|
||||
>
|
||||
<span class="truncate text-white">Export</span>
|
||||
<svg
|
||||
@ -1032,7 +1032,7 @@
|
||||
<div
|
||||
class="{displayData === interval
|
||||
? `bg-[${colorChange}] `
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full"
|
||||
/>
|
||||
</button>
|
||||
</li>
|
||||
@ -1089,7 +1089,7 @@
|
||||
<div
|
||||
class="{displayData === interval
|
||||
? `bg-[${colorChange}] `
|
||||
: 'bg-[#09090B]'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full"
|
||||
: 'bg-default'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full"
|
||||
/>
|
||||
</button>
|
||||
</li>
|
||||
|
||||
@ -211,7 +211,7 @@
|
||||
<!-- Add more Twitter meta tags as needed -->
|
||||
</svelte:head>
|
||||
|
||||
<section class="w-full bg-[#09090B] overflow-hidden text-white h-full">
|
||||
<section class="w-full bg-default overflow-hidden text-white h-full">
|
||||
<div class="w-full flex h-full overflow-hidden">
|
||||
<div
|
||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||
@ -341,24 +341,24 @@
|
||||
class="table table-sm table-compact flex justify-start items-center w-full m-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr class="bg-[#09090B] border-b-slate-600 shadow-md">
|
||||
<tr class="bg-default border-b-slate-600 shadow-md">
|
||||
<th
|
||||
class="text-start bg-[#09090B] border-b border-[#09090B] text-white text-sm font-semibold"
|
||||
class="text-start bg-default border-b border-[#09090B] text-white text-sm font-semibold"
|
||||
>
|
||||
Ex-Divid. Date
|
||||
</th>
|
||||
<th
|
||||
class="text-end bg-[#09090B] border-b border-[#09090B] text-white text-sm font-semibold"
|
||||
class="text-end bg-default border-b border-[#09090B] text-white text-sm font-semibold"
|
||||
>
|
||||
Cash Amount
|
||||
</th>
|
||||
<th
|
||||
class="text-end bg-[#09090B] border-b border-[#09090B] text-white text-sm font-semibold"
|
||||
class="text-end bg-default border-b border-[#09090B] text-white text-sm font-semibold"
|
||||
>
|
||||
Record Date
|
||||
</th>
|
||||
<th
|
||||
class="text-end bg-[#09090B] border-b border-[#09090B] text-white text-sm font-semibold"
|
||||
class="text-end bg-default border-b border-[#09090B] text-white text-sm font-semibold"
|
||||
>
|
||||
Pay Date
|
||||
</th>
|
||||
|
||||
@ -13,9 +13,14 @@
|
||||
analyst: "analyst",
|
||||
};
|
||||
|
||||
const foundSection = parts?.find((part) => Object?.values(sectionMap)?.includes(part));
|
||||
const foundSection = parts?.find((part) =>
|
||||
Object?.values(sectionMap)?.includes(part),
|
||||
);
|
||||
|
||||
displaySubSection = Object?.keys(sectionMap)?.find((key) => sectionMap[key] === foundSection) || "overview";
|
||||
displaySubSection =
|
||||
Object?.keys(sectionMap)?.find(
|
||||
(key) => sectionMap[key] === foundSection,
|
||||
) || "overview";
|
||||
}
|
||||
|
||||
function changeSubSection(state) {
|
||||
@ -25,7 +30,6 @@
|
||||
analyst: "/forecast/analyst",
|
||||
};
|
||||
|
||||
|
||||
if (state !== "overview" && subSectionMap[state]) {
|
||||
displaySubSection = state;
|
||||
//goto(`/stocks/${$stockTicker}${subSectionMap[state]}`);
|
||||
@ -37,7 +41,10 @@
|
||||
|
||||
const unsubscribe = page.subscribe(($page) => {
|
||||
const splitRoute = $page.url.pathname.split("/");
|
||||
const routeState = splitRoute[splitRoute.length - 1] !== "forecast" ? splitRoute[splitRoute.length - 1] : "overview";
|
||||
const routeState =
|
||||
splitRoute[splitRoute.length - 1] !== "forecast"
|
||||
? splitRoute[splitRoute.length - 1]
|
||||
: "overview";
|
||||
|
||||
changeSubSection(routeState);
|
||||
});
|
||||
@ -47,9 +54,10 @@
|
||||
});
|
||||
</script>
|
||||
|
||||
<section class="w-auto max-w-5xl bg-[#09090B] overflow-hidden text-black h-full mb-40">
|
||||
<section
|
||||
class="w-auto max-w-5xl bg-default overflow-hidden text-black h-full mb-40"
|
||||
>
|
||||
<div class="m-auto h-full overflow-hidden">
|
||||
|
||||
<slot />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -53,7 +53,7 @@
|
||||
</svelte:head>
|
||||
|
||||
<section
|
||||
class="bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0 w-full"
|
||||
class="bg-default overflow-hidden text-white h-full mb-40 sm:mb-0 w-full"
|
||||
>
|
||||
<div class="flex justify-center m-auto h-full overflow-hidden w-full">
|
||||
<div
|
||||
|
||||
@ -95,7 +95,7 @@
|
||||
</svelte:head>
|
||||
|
||||
<section
|
||||
class="bg-[#09090B] overflow-hidden text-white h-full min-h-screen mb-20 sm:mb-0 w-full mt-2 sm:mt-0"
|
||||
class="bg-default overflow-hidden text-white h-full min-h-screen mb-20 sm:mb-0 w-full mt-2 sm:mt-0"
|
||||
>
|
||||
<div class="flex justify-center m-auto h-full overflow-hidden w-full">
|
||||
<div
|
||||
|
||||
@ -144,7 +144,7 @@
|
||||
</svelte:head>
|
||||
|
||||
<section
|
||||
class="w-full bg-[#09090B] overflow-hidden min-h-screen text-white h-full"
|
||||
class="w-full bg-default overflow-hidden min-h-screen text-white h-full"
|
||||
>
|
||||
<div class="h-full overflow-hidden w-full">
|
||||
<div class="relative flex justify-center items-center overflow-hidden">
|
||||
@ -293,22 +293,22 @@
|
||||
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md 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"
|
||||
class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr class="bg-[#09090B] border-b border-[#27272A]">
|
||||
<tr class="bg-default border-b border-[#27272A]">
|
||||
<th
|
||||
class="shadow-md text-start bg-[#09090B] text-white text-sm font-semibold"
|
||||
class="shadow-md text-start bg-default text-white text-sm font-semibold"
|
||||
>
|
||||
Person
|
||||
</th>
|
||||
<th
|
||||
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold"
|
||||
class="shadow-md text-end bg-default text-white text-sm font-semibold"
|
||||
>
|
||||
Transaction Date
|
||||
</th>
|
||||
<th
|
||||
class="shadow-md text-end bg-[#09090B] text-white text-sm font-semibold"
|
||||
class="shadow-md text-end bg-default text-white text-sm font-semibold"
|
||||
>
|
||||
Amount
|
||||
</th>
|
||||
@ -321,7 +321,7 @@
|
||||
<tbody>
|
||||
{#each senateTradingList as item}
|
||||
<tr
|
||||
class="odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-[#09090B] border-b-[#09090B]"
|
||||
class="odd:bg-odd sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] bg-default border-b-[#09090B]"
|
||||
>
|
||||
<td
|
||||
class="text-white text-sm sm:text-[1rem] whitespace-nowrap pb-3 border-b border-b-[#09090B]"
|
||||
|
||||
@ -100,7 +100,7 @@
|
||||
</svelte:head>
|
||||
|
||||
<section
|
||||
class="w-auto max-w-4xl bg-[#09090B] overflow-hidden text-black h-full mb-40"
|
||||
class="w-auto max-w-4xl bg-default overflow-hidden text-black h-full mb-40"
|
||||
>
|
||||
<div class="m-auto h-full overflow-hidden">
|
||||
<main class="">
|
||||
@ -112,7 +112,7 @@
|
||||
{#if newsList.length !== 0}
|
||||
<div class="grid grid-cols-1 gap-2 pb-5">
|
||||
{#each newsList as item}
|
||||
<div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto">
|
||||
<div class="w-full flex flex-col bg-default rounded-md m-auto">
|
||||
{#if (videoId = checkIfYoutubeVideo(item.url))}
|
||||
<iframe
|
||||
class="w-full h-96 rounded-md border border-gray-800"
|
||||
@ -172,7 +172,7 @@
|
||||
{/if}
|
||||
{:else}
|
||||
<div
|
||||
class="w-screen max-w-xl sm:flex sm:flex-row sm:items-center justify-center m-auto text-gray-100 font-medium bg-[#09090B] sm:rounded-md h-auto p-5 mb-4"
|
||||
class="w-screen max-w-xl sm:flex sm:flex-row sm:items-center justify-center m-auto text-gray-100 font-medium bg-default sm:rounded-md h-auto p-5 mb-4"
|
||||
>
|
||||
<svg
|
||||
class="w-5 h-5 inline-block sm:mr-2 flex-shrink-0"
|
||||
|
||||
@ -570,7 +570,7 @@
|
||||
<!-- Add more Twitter meta tags as needed -->
|
||||
</svelte:head>
|
||||
|
||||
<section class="w-full bg-[#09090B] overflow-hidden text-white h-full">
|
||||
<section class="w-full bg-default overflow-hidden text-white h-full">
|
||||
<div class="w-full flex h-full overflow-hidden">
|
||||
<div
|
||||
class="w-full relative flex justify-center items-center overflow-hidden"
|
||||
@ -717,7 +717,7 @@
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="app w-full bg-[#09090B]">
|
||||
<div class="app w-full bg-default">
|
||||
{#if filteredList?.length !== 0}
|
||||
<Chart {init} {options} class="chart" />
|
||||
{:else}
|
||||
@ -774,7 +774,7 @@
|
||||
{/each}
|
||||
</div>
|
||||
|
||||
<div class="app w-full bg-[#09090B] mb-24">
|
||||
<div class="app w-full bg-default mb-24">
|
||||
<Chart {init} options={optionsEX} class="chart" />
|
||||
</div>
|
||||
{/if}
|
||||
@ -839,7 +839,7 @@
|
||||
<div class="flex justify-start items-center m-auto overflow-x-auto">
|
||||
{#if activeIdx === 0}
|
||||
<table
|
||||
class="w-full table table-sm table-compact rounded-none sm:rounded-md border-bg-[#09090B] m-auto mt-4 overflow-x-auto"
|
||||
class="w-full table table-sm table-compact rounded-none sm:rounded-md border-bg-default m-auto mt-4 overflow-x-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr class="border-b border-[#27272A]">
|
||||
@ -1033,7 +1033,7 @@
|
||||
</table>
|
||||
{:else}
|
||||
<table
|
||||
class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4 overflow-x-auto"
|
||||
class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4 overflow-x-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr class="">
|
||||
@ -1156,7 +1156,7 @@
|
||||
class="modal modal-bottom sm:modal-middle cursor-pointer bg-[#fff] bg-opacity-[0.02]"
|
||||
>
|
||||
<div
|
||||
class="modal-box w-full max-w-xl lg:max-w-3xl xl:max-w-5xl bg-[#141417] sm:bg-[#09090B] border-t sm:border border-gray-600 h-auto"
|
||||
class="modal-box w-full max-w-xl lg:max-w-3xl xl:max-w-5xl bg-[#141417] sm:bg-default border-t sm:border border-gray-600 h-auto"
|
||||
>
|
||||
<form method="dialog" class="modal-backdrop backdrop-blur-[4px]">
|
||||
<button
|
||||
@ -1203,7 +1203,7 @@
|
||||
<div class="flex justify-start items-center m-auto">
|
||||
{#if isLoaded}
|
||||
<table
|
||||
class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4 overflow-x-auto"
|
||||
class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4 overflow-x-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr class="">
|
||||
|
||||
@ -145,7 +145,7 @@ updateYearRange()
|
||||
class="w-full grid grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 gap-y-3 gap-x-3"
|
||||
>
|
||||
<div
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto"
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
|
||||
>
|
||||
<div class="flex flex-col items-center w-full p-3">
|
||||
<span class="font-medium text-white text-xl font-semibold"
|
||||
@ -197,7 +197,7 @@ updateYearRange()
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto"
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
|
||||
>
|
||||
<div class="flex flex-col items-center w-full p-3">
|
||||
<span class="font-medium text-white text-xl font-semibold"
|
||||
@ -249,7 +249,7 @@ updateYearRange()
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-[#09090B] border border-gray-800 rounded-md h-auto"
|
||||
class="flex flex-row items-center flex-wrap w-full px-3 sm:px-5 bg-default border border-gray-800 rounded-md h-auto"
|
||||
>
|
||||
<div class="flex flex-col items-center w-full p-3">
|
||||
<span class="font-medium text-white text-xl font-semibold"
|
||||
@ -319,7 +319,7 @@ updateYearRange()
|
||||
>
|
||||
<thead>
|
||||
<tr
|
||||
class="bg-[#09090B] border-gray-600 rounded text-white font-semibold"
|
||||
class="bg-default border-gray-600 rounded text-white font-semibold"
|
||||
>
|
||||
<th class="text-start text-sm sm:text-[1rem]">Started</th>
|
||||
<th class="text-sm sm:text-[1rem] text-end">Recovered</th>
|
||||
@ -414,13 +414,13 @@ updateYearRange()
|
||||
>
|
||||
<thead>
|
||||
<tr
|
||||
class="bg-[#09090B] text-white text-sm border-b border-[#27272A]"
|
||||
class="bg-default text-white text-sm border-b border-[#27272A]"
|
||||
>
|
||||
<th class="text-start text-sm sm:text-[1rem] font-semibold">
|
||||
Metric
|
||||
</th>
|
||||
<th
|
||||
class="text-end bg-[#09090B] text-sm sm:text-[1rem] font-semibold"
|
||||
class="text-end bg-default text-sm sm:text-[1rem] font-semibold"
|
||||
>
|
||||
{$etfTicker}
|
||||
</th>
|
||||
|
||||
@ -83,7 +83,7 @@
|
||||
ETF Providers
|
||||
</h1>
|
||||
|
||||
<div class="w-full m-auto mb-10 bg-[#09090B] overflow-hidden">
|
||||
<div class="w-full m-auto mb-10 bg-default overflow-hidden">
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
@ -131,7 +131,7 @@
|
||||
<div class="w-full">
|
||||
<div class="w-full overflow-x-scroll">
|
||||
<table
|
||||
class="table rounded-none sm:rounded-md w-full border-bg-[#09090B] m-auto mt-4"
|
||||
class="table rounded-none sm:rounded-md w-full border-bg-default m-auto mt-4"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
|
||||
@ -211,7 +211,7 @@
|
||||
<div class="w-full">
|
||||
<div class="w-full overflow-x-auto mt-5">
|
||||
<table
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]"
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
|
||||
@ -138,7 +138,7 @@
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="w-full mt-5 m-auto mb-10 bg-[#09090B] overflow-hidden">
|
||||
<div class="w-full mt-5 m-auto mb-10 bg-default overflow-hidden">
|
||||
<!--Start Top Winners/Losers-->
|
||||
<div class="flex flex-col justify-center items-center">
|
||||
<div class="text-start w-full text-white mb-2">
|
||||
@ -149,7 +149,7 @@
|
||||
|
||||
<div class="w-full overflow-x-scroll">
|
||||
<table
|
||||
class="mt-5 table table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto overflow-hidden"
|
||||
class="mt-5 table table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto overflow-hidden"
|
||||
>
|
||||
<thead>
|
||||
<TableHeader {columns} {sortOrders} {sortData} />
|
||||
|
||||
@ -99,39 +99,39 @@
|
||||
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden"
|
||||
>
|
||||
<table
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto"
|
||||
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
|
||||
>
|
||||
<thead>
|
||||
<tr class="bg-[#09090B]">
|
||||
<tr class="bg-default">
|
||||
<th
|
||||
class="text-start bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
class="text-start bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
>
|
||||
Symbol
|
||||
</th>
|
||||
|
||||
<th
|
||||
class="text-start bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
class="text-start bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
>
|
||||
Drug
|
||||
</th>
|
||||
<th
|
||||
class="text-start bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
class="text-start bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
>
|
||||
Indication
|
||||
</th>
|
||||
<th
|
||||
class="text-end bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
class="text-end bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
>
|
||||
Status
|
||||
</th>
|
||||
<th
|
||||
class="text-end bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
class="text-end bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
>
|
||||
Target Date
|
||||
</th>
|
||||
|
||||
<th
|
||||
class="text-end bg-[#09090B] text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
class="text-end bg-default text-white text-sm sm:text-[1rem] whitespace-nowrap font-semibold"
|
||||
>
|
||||
Change
|
||||
</th>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user