This commit is contained in:
MuslemRahimi 2025-01-16 17:50:48 +01:00
parent 351e04ce53
commit 668db9bc6f
54 changed files with 63 additions and 63 deletions

View File

@ -282,7 +282,7 @@
}
</script>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>

View File

@ -261,7 +261,7 @@
}
</script>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>

View File

@ -361,7 +361,7 @@
}
</script>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>

View File

@ -245,7 +245,7 @@
}
</script>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>

View File

@ -236,7 +236,7 @@
}
</script>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>

View File

@ -407,7 +407,7 @@
}
</script>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>

View File

@ -362,7 +362,7 @@
<svelte:window bind:scrollY={y} />
<body
class="bg-default w-full max-w-screen sm:max-w-[1400px] min-h-screen overflow-hidden"
class="bg-default w-full max-w-screen sm:max-w-[1350px] min-h-screen overflow-hidden"
>
<!-- Page wrapper -->
<div class="mt-5 flex flex-col w-full relative w-full">

View File

@ -63,7 +63,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="w-full mb-2">
{#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
<Infobox

View File

@ -216,7 +216,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="w-full mb-6">
<h1 class="text-xl sm:text-2xl text-gray-200 font-bold mb-4 w-full">
Dividends

View File

@ -59,7 +59,7 @@
<div
class="relative flex justify-center items-center overflow-hidden w-full"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<Lazy>
<div
class="w-full mt-10 sm:mt-0 m-auto sm:pt-6 {Object?.keys(

View File

@ -319,7 +319,7 @@
class="relative flex justify-center items-start overflow-hidden w-full"
>
<main class="w-full lg:w-3/4">
<div class="sm:p-7 w-full m-auto">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto">
<div
class="flex flex-col sm:flex-row items-start w-full sm:justify-between md:space-x-4 md:border-0 w-full mb-5"
>

View File

@ -101,7 +101,7 @@
<div
class="relative flex justify-center items-center overflow-hidden w-full"
>
<div class="mt-5 sm:mt-0 sm:p-7 w-full m-auto">
<div class="mt-5 sm:mt-0 sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto">
<div class="flex flex-row items-center md:space-x-4 md:border-0">
<h1 class=" text-xl sm:text-2xl font-bold">
{$etfTicker} Holdings List

View File

@ -226,7 +226,7 @@
>
<div class="h-full overflow-hidden w-full">
<div class="relative flex justify-center items-center overflow-hidden">
<div class="sm:p-7 w-full mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full mt-2 sm:mt-0">
<div class="mb-6">
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
Congress Trading

View File

@ -339,7 +339,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
{#if Object?.keys(dailyStats)?.length === 0 && rawData?.length === 0}
<Infobox text="No Options data available" />
{/if}

View File

@ -57,7 +57,7 @@
{#if data?.getData?.length > 0}
<GreekExposure {data} title="Delta" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -59,7 +59,7 @@
{#if rawData?.length > 0}
<GreekByExpiry {data} title="Delta" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -60,7 +60,7 @@
{#if data?.getData?.length > 0}
<GreekByStrike {data} title="Delta" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -57,7 +57,7 @@
{#if data?.getData?.length > 0}
<GreekExposure {data} title="Gamma" params="" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -59,7 +59,7 @@
{#if rawData?.length > 0}
<GreekByExpiry {data} title="Gamma" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -60,7 +60,7 @@
{#if data?.getData?.length > 0}
<GreekByStrike {data} title="Gamma" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -623,7 +623,7 @@
class="w-full relative flex justify-center items-center overflow-hidden"
>
{#if rawDataVolume?.length > 0}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>
@ -983,7 +983,7 @@
<UpgradeToPro {data} />
</div>
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>

View File

@ -60,7 +60,7 @@
{#if data?.getData?.length > 0}
<OpenInterestByStrike {data} />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -59,7 +59,7 @@
{#if rawData?.length > 0}
<OpenInterestByExpiry {data} />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -59,7 +59,7 @@
{#if data?.getData?.length > 0}
<Volatility {data} />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -369,7 +369,7 @@
<svelte:window bind:scrollY={y} />
<body
class="bg-default w-full max-w-screen sm:max-w-[1400px] min-h-screen overflow-hidden"
class="bg-default w-full max-w-screen sm:max-w-[1350px] min-h-screen overflow-hidden"
>
<!-- Page wrapper -->
<div class="mt-5 flex flex-col w-full relative w-full">

View File

@ -58,7 +58,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="w-full mb-2">
{#if priceLevel?.length === 0 && hottestTrades?.length === 0 && historicalDarkPool?.length === 0}
<Infobox

View File

@ -221,7 +221,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="w-full mb-6">
<h1 class="text-xl sm:text-2xl text-gray-200 font-bold mb-4 w-full">
Dividends

View File

@ -461,7 +461,7 @@
>
{#if isLoaded}
<main class="w-full">
<div class="sm:p-7 m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0">
<div class="mb-3">
<h1 class="text-xl sm:text-2xl text-white font-bold">
{#if $coolMode}

View File

@ -520,7 +520,7 @@
class="relative flex justify-center items-center overflow-hidden w-full"
>
<main class="w-full">
<div class="sm:p-7 m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0">
<div class="mb-3">
<h1 class="text-xl sm:text-2xl text-white font-bold">
{#if $coolMode}

View File

@ -466,7 +466,7 @@
class="relative flex justify-center items-center overflow-hidden w-full"
>
<main class="w-full">
<div class="sm:p-7 m-auto mt-2 sm:mt-0 w-full">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0 w-full">
<div class="mb-3">
<h1 class="text-xl sm:text-2xl text-white font-bold">
{#if $coolMode}

View File

@ -451,7 +451,7 @@
class="w-full relative flex justify-center items-center overflow-hidden"
>
<main class="w-full">
<div class="sm:p-7 m-auto mt-2 sm:mt-0 w-full">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0 w-full">
<div class="mb-3">
<h1 class="text-xl sm:text-2xl text-white font-bold">
{#if $coolMode}

View File

@ -493,7 +493,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:pl-6 sm:pr-7 sm:pt-5 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h1 class="mb-px text-xl sm:text-2xl font-bold bp:text-3xl sm:pl-1">
{$displayCompanyName} Forecast
</h1>

View File

@ -59,7 +59,7 @@
<div
class="relative flex justify-center items-center overflow-hidden w-full"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<Lazy>
<div
class="w-full mt-10 sm:mt-0 m-auto sm:pt-6 {Object?.keys(

View File

@ -238,7 +238,7 @@
<div
class="relative flex justify-center items-center overflow-hidden w-full"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mb-6">
<div
class="mb-5 flex flex-col justify-between gap-y-2.5 sm:mb-2 sm:flex-row sm:items-end"

View File

@ -316,7 +316,7 @@
class="relative flex justify-center items-start overflow-hidden w-full"
>
<main class="w-full lg:w-3/4">
<div class="sm:p-7 w-full m-auto">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto">
<div
class="flex flex-col sm:flex-row items-start w-full sm:justify-between md:space-x-4 md:border-0 w-full mb-5"
>

View File

@ -255,7 +255,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="w-full mb-6">
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
Insider Trading

View File

@ -222,7 +222,7 @@
>
<div class="h-full overflow-hidden w-full">
<div class="relative flex justify-center items-center overflow-hidden">
<div class="sm:p-7 w-full mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full mt-2 sm:mt-0">
<div class="mb-6">
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
Congress Trading

View File

@ -53,7 +53,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="w-full mb-6">
<h1 class="text-xl sm:text-2xl text-white font-bold mb-4">
13F Institute Ownership

View File

@ -106,7 +106,7 @@
<div
class="relative flex justify-center items-center overflow-hidden w-full"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
{#if revenueNames?.length !== 0 || geographicNames?.length !== 0}
<h2 class="mt-5 text-xl sm:text-2xl text-gray-200 font-bold mb-4">
{$displayCompanyName} Revenue Breakdown

View File

@ -188,7 +188,7 @@
>
{#if isLoaded}
<main class="w-full">
<div class="sm:p-7 m-auto mt-2 sm:mt-0 w-full">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0 w-full">
<div class="mb-3">
<h1 class="text-2xl text-gray-200 font-bold">
{convertToTitleCase(data?.getParams)} Revenue

View File

@ -42,7 +42,7 @@
let putOpenInterestList; //= data?.getOptionsPlotData?.putOpenInterestList;
let priceList;
let displayTimePeriod = "threeMonths";
let displayTimePeriod = "oneYear";
function formatDate(dateStr) {
// Parse the input date string (YYYY-mm-dd)
@ -110,7 +110,7 @@
marker +
param.seriesName +
": " +
abbreviateNumber(param.value) +
abbreviateNumberWithColor(param.value, false, true) +
"<br/>";
});
@ -126,7 +126,7 @@
grid: {
left: $screenWidth < 640 ? "5%" : "2%",
right: $screenWidth < 640 ? "5%" : "2%",
bottom: "20%",
bottom: "10%",
containLabel: true,
},
xAxis: [
@ -288,7 +288,7 @@
});
$: {
if ((displayTimePeriod || displayData) && typeof window !== "undefined") {
if (displayTimePeriod || displayData) {
// Filter the raw plot data based on the selected time period
filteredList = filterDate(rawData, displayTimePeriod);
// Process the filtered list to generate the plot data
@ -339,7 +339,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
{#if Object?.keys(dailyStats)?.length === 0 && rawData?.length === 0}
<Infobox text="No Options data available" />
{/if}
@ -358,10 +358,10 @@
>
<option disabled>Choose a time period</option>
<option value="oneWeek">1 Week</option>
<option value="oneMonth" selected>1 Month</option>
<option value="threeMonths" selected>3 Months</option>
<option value="oneMonth">1 Month</option>
<option value="threeMonths">3 Months</option>
<option value="sixMonths">6 Months</option>
<option value="oneYear">1 Year</option>
<option value="oneYear" selected>1 Year</option>
</select>
<select

View File

@ -57,7 +57,7 @@
{#if data?.getData?.length > 0}
<GreekExposure {data} title="Delta" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -59,7 +59,7 @@
{#if rawData?.length > 0}
<GreekByExpiry {data} title="Delta" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -60,7 +60,7 @@
{#if data?.getData?.length > 0}
<GreekByStrike {data} title="Delta" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -57,7 +57,7 @@
{#if data?.getData?.length > 0}
<GreekExposure {data} title="Gamma" params="" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -59,7 +59,7 @@
{#if rawData?.length > 0}
<GreekByExpiry {data} title="Gamma" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -60,7 +60,7 @@
{#if data?.getData?.length > 0}
<GreekByStrike {data} title="Gamma" />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -623,7 +623,7 @@
class="w-full relative flex justify-center items-center overflow-hidden"
>
{#if rawDataVolume?.length > 0}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>
@ -983,7 +983,7 @@
<UpgradeToPro {data} />
</div>
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<h2
class=" flex flex-row items-center text-white text-xl sm:text-2xl font-bold w-fit"
>

View File

@ -60,7 +60,7 @@
{#if data?.getData?.length > 0}
<OpenInterestByStrike {data} />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -59,7 +59,7 @@
{#if rawData?.length > 0}
<OpenInterestByExpiry {data} />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -59,7 +59,7 @@
{#if data?.getData?.length > 0}
<Volatility {data} />
{:else}
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mt-2">
<Infobox text="No data is available" />
</div>

View File

@ -443,7 +443,7 @@
<div
class="w-full relative flex justify-center items-center overflow-hidden"
>
<div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 w-full m-auto mt-2 sm:mt-0">
<div class="mb-6">
<h2 class="text-xl sm:text-2xl text-white font-bold mb-4">
{$stockTicker} Employees

View File

@ -99,7 +99,7 @@
class="w-full relative flex justify-center items-center overflow-hidden"
>
<main class="w-full">
<div class="sm:p-7 m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0">
<div class="mb-3">
<h1 class="text-xl sm:text-2xl text-white font-bold">
Fail-to-Deliver (FTD)

View File

@ -429,7 +429,7 @@
class="w-full relative flex justify-center items-center overflow-hidden"
>
<main class="w-full">
<div class="sm:p-7 m-auto mt-2 sm:mt-0">
<div class="sm:pl-7 sm:pb-7 sm:pt-7 m-auto mt-2 sm:mt-0">
<div class="mb-3">
<h1 class="text-xl sm:text-2xl text-white font-bold">Market Cap</h1>
</div>