AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-03 16:46:01 +01:00
parent 9066db5362
commit a9c381f39d
36 changed files with 247 additions and 247 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/PriceAlert.svelte
View File

@ -123,7 +123,7 @@
<dialog id="priceAlertModal" class="modal modal-middle p-2 sm:p-0"> <dialog id="priceAlertModal" class="modal modal-middle p-2 sm:p-0">
<label <label
for="priceAlertModal" for="priceAlertModal"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.3]" class="cursor-pointer modal-backdrop bg-[#000]/40"
></label> ></label>
<div <div

34
src/routes/etf/[tickerID]/+layout.svelte
View File

@ -617,7 +617,7 @@
</div> </div>
{:else if userWatchList?.length === 0} {:else if userWatchList?.length === 0}
<div <div
class="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" class="shrink-0 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => on:click={() =>
@ -651,7 +651,7 @@
</div> </div>
{:else} {:else}
<div <div
class="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" class="shrink-0 ml-auto mr-2 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
for="userLogin" for="userLogin"
@ -674,7 +674,7 @@
<!--Start Price Alert --> <!--Start Price Alert -->
<div <div
class="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" class="shrink-0 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => ($openPriceAlert = true)} on:click={() => ($openPriceAlert = true)}
@ -864,8 +864,8 @@
on:click={() => changeSection("overview")} on:click={() => changeSection("overview")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'overview' 'overview'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Overview Overview
</a> </a>
@ -875,8 +875,8 @@
on:click={() => changeSection("holdings")} on:click={() => changeSection("holdings")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'holdings' 'holdings'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Holdings Holdings
</a> </a>
@ -886,8 +886,8 @@
on:click={() => changeSection("dark-pool")} on:click={() => changeSection("dark-pool")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'dark-pool' 'dark-pool'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Dark Pool Dark Pool
</a> </a>
@ -896,8 +896,8 @@
on:click={() => changeSection("options")} on:click={() => changeSection("options")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'options' 'options'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Options Options
</a> </a>
@ -907,8 +907,8 @@
on:click={() => changeSection("insider")} on:click={() => changeSection("insider")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'insider' 'insider'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Insider Insider
</a> </a>
@ -917,8 +917,8 @@
on:click={() => changeSection("dividends")} on:click={() => changeSection("dividends")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'dividends' 'dividends'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Dividends Dividends
</a> </a>
@ -927,8 +927,8 @@
on:click={() => changeSection("history")} on:click={() => changeSection("history")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'history' 'history'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
History History
</a> </a>

28
src/routes/etf/[tickerID]/options/+layout.svelte
View File

@ -67,8 +67,8 @@
href={`/etf/${$etfTicker}/options`} href={`/etf/${$etfTicker}/options`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -77,8 +77,8 @@
on:click={() => changeSubSection("unusual-activity")} on:click={() => changeSubSection("unusual-activity")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'unusual-activity' 'unusual-activity'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Unusual Activity Unusual Activity
</a> </a>
@ -87,8 +87,8 @@
on:click={() => changeSubSection("hottest-contracts")} on:click={() => changeSubSection("hottest-contracts")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'hottest-contracts' 'hottest-contracts'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Hottest Contracts Hottest Contracts
</a> </a>
@ -97,8 +97,8 @@
on:click={() => changeSubSection("volatility")} on:click={() => changeSubSection("volatility")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'volatility' 'volatility'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Volatility Volatility
</a> </a>
@ -106,8 +106,8 @@
href={`/etf/${$etfTicker}/options/oi`} href={`/etf/${$etfTicker}/options/oi`}
on:click={() => changeSubSection("oi")} on:click={() => changeSubSection("oi")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'oi' class="p-2 px-5 cursor-pointer {displaySubSection === 'oi'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
OI OI
</a> </a>
@ -116,8 +116,8 @@
href={`/etf/${$etfTicker}/options/gex`} href={`/etf/${$etfTicker}/options/gex`}
on:click={() => changeSubSection("gex")} on:click={() => changeSubSection("gex")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'gex' class="p-2 px-5 cursor-pointer {displaySubSection === 'gex'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
GEX GEX
</a> </a>
@ -125,8 +125,8 @@
href={`/etf/${$etfTicker}/options/dex`} href={`/etf/${$etfTicker}/options/dex`}
on:click={() => changeSubSection("dex")} on:click={() => changeSubSection("dex")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'dex' class="p-2 px-5 cursor-pointer {displaySubSection === 'dex'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
DEX DEX
</a> </a>

12
src/routes/etf/[tickerID]/options/dex/+layout.svelte
View File

@ -58,8 +58,8 @@
href={`/etf/${$etfTicker}/options/dex`} href={`/etf/${$etfTicker}/options/dex`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -68,8 +68,8 @@
href={`/etf/${$etfTicker}/options/dex/strike`} href={`/etf/${$etfTicker}/options/dex/strike`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -77,8 +77,8 @@
href={`/etf/${$etfTicker}/options/dex/expiry`} href={`/etf/${$etfTicker}/options/dex/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

12
src/routes/etf/[tickerID]/options/gex/+layout.svelte
View File

@ -58,8 +58,8 @@
href={`/etf/${$etfTicker}/options/gex`} href={`/etf/${$etfTicker}/options/gex`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -68,8 +68,8 @@
href={`/etf/${$etfTicker}/options/gex/strike`} href={`/etf/${$etfTicker}/options/gex/strike`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -77,8 +77,8 @@
href={`/etf/${$etfTicker}/options/gex/expiry`} href={`/etf/${$etfTicker}/options/gex/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

8
src/routes/etf/[tickerID]/options/oi/+layout.svelte
View File

@ -56,8 +56,8 @@
href={`/etf/${$etfTicker}/options/oi`} href={`/etf/${$etfTicker}/options/oi`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -66,8 +66,8 @@
href={`/etf/${$etfTicker}/options/oi/expiry`} href={`/etf/${$etfTicker}/options/oi/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

22
src/routes/index/[tickerID]/+layout.svelte
View File

@ -620,7 +620,7 @@
</div> </div>
{:else if userWatchList?.length === 0} {:else if userWatchList?.length === 0}
<div <div
class="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" class="shrink-0 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => on:click={() =>
@ -654,7 +654,7 @@
</div> </div>
{:else} {:else}
<div <div
class="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" class="shrink-0 ml-auto mr-2 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
for="userLogin" for="userLogin"
@ -677,7 +677,7 @@
<!--Start Price Alert --> <!--Start Price Alert -->
<div <div
class="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" class="shrink-0 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => ($openPriceAlert = true)} on:click={() => ($openPriceAlert = true)}
@ -867,8 +867,8 @@
on:click={() => changeSection("overview")} on:click={() => changeSection("overview")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'overview' 'overview'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Overview Overview
</a> </a>
@ -878,8 +878,8 @@
on:click={() => changeSection("holdings")} on:click={() => changeSection("holdings")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'holdings' 'holdings'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Holdings Holdings
</a> </a>
@ -888,8 +888,8 @@
on:click={() => changeSection("options")} on:click={() => changeSection("options")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'options' 'options'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Options Options
</a> </a>
@ -899,8 +899,8 @@
on:click={() => changeSection("history")} on:click={() => changeSection("history")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'history' 'history'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
History History
</a> </a>

24
src/routes/index/[tickerID]/options/+layout.svelte
View File

@ -65,8 +65,8 @@
href={`/index/${$indexTicker}/options`} href={`/index/${$indexTicker}/options`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -75,8 +75,8 @@
on:click={() => changeSubSection("hottest-contracts")} on:click={() => changeSubSection("hottest-contracts")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'hottest-contracts' 'hottest-contracts'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Hottest Contracts Hottest Contracts
</a> </a>
@ -85,8 +85,8 @@
on:click={() => changeSubSection("volatility")} on:click={() => changeSubSection("volatility")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'volatility' 'volatility'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Volatility Volatility
</a> </a>
@ -94,8 +94,8 @@
href={`/index/${$indexTicker}/options/oi`} href={`/index/${$indexTicker}/options/oi`}
on:click={() => changeSubSection("oi")} on:click={() => changeSubSection("oi")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'oi' class="p-2 px-5 cursor-pointer {displaySubSection === 'oi'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
OI OI
</a> </a>
@ -104,8 +104,8 @@
href={`/index/${$indexTicker}/options/gex`} href={`/index/${$indexTicker}/options/gex`}
on:click={() => changeSubSection("gex")} on:click={() => changeSubSection("gex")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'gex' class="p-2 px-5 cursor-pointer {displaySubSection === 'gex'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
GEX GEX
</a> </a>
@ -113,8 +113,8 @@
href={`/index/${$indexTicker}/options/dex`} href={`/index/${$indexTicker}/options/dex`}
on:click={() => changeSubSection("dex")} on:click={() => changeSubSection("dex")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'dex' class="p-2 px-5 cursor-pointer {displaySubSection === 'dex'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
DEX DEX
</a> </a>

12
src/routes/index/[tickerID]/options/dex/+layout.svelte
View File

@ -56,8 +56,8 @@
href={`/index/${$indexTicker}/options/dex`} href={`/index/${$indexTicker}/options/dex`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -66,8 +66,8 @@
href={`/index/${$indexTicker}/options/dex/strike`} href={`/index/${$indexTicker}/options/dex/strike`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -75,8 +75,8 @@
href={`/index/${$indexTicker}/options/dex/expiry`} href={`/index/${$indexTicker}/options/dex/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

12
src/routes/index/[tickerID]/options/gex/+layout.svelte
View File

@ -56,8 +56,8 @@
href={`/index/${$indexTicker}/options/gex`} href={`/index/${$indexTicker}/options/gex`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -66,8 +66,8 @@
href={`/index/${$indexTicker}/options/gex/strike`} href={`/index/${$indexTicker}/options/gex/strike`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -75,8 +75,8 @@
href={`/index/${$indexTicker}/options/gex/expiry`} href={`/index/${$indexTicker}/options/gex/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

8
src/routes/index/[tickerID]/options/oi/+layout.svelte
View File

@ -54,8 +54,8 @@
href={`/index/${$indexTicker}/options/oi`} href={`/index/${$indexTicker}/options/oi`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -64,8 +64,8 @@
href={`/index/${$indexTicker}/options/oi/expiry`} href={`/index/${$indexTicker}/options/oi/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

4
src/routes/industry/+layout.svelte
View File

@ -62,8 +62,8 @@
: "/industry/all"} : "/industry/all"}
on:click={() => handleMode(i)} on:click={() => handleMode(i)}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</a> </a>

12
src/routes/ipos/+layout.svelte
View File

@ -77,8 +77,8 @@
<a <a
href={item?.path} href={item?.path}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-primary/90 font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</a> </a>
@ -97,8 +97,8 @@
href={`/ipos/${item}`} href={`/ipos/${item}`}
on:click={() => (displaySection = item)} on:click={() => (displaySection = item)}
class="p-2 px-5 cursor-pointer {displaySection === item class="p-2 px-5 cursor-pointer {displaySection === item
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item} {item}
</a> </a>
@ -107,8 +107,8 @@
href={`/ipos`} href={`/ipos`}
on:click={() => (displaySection = item)} on:click={() => (displaySection = item)}
class="p-2 px-5 cursor-pointer {displaySection === item class="p-2 px-5 cursor-pointer {displaySection === item
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item} {item}
</a> </a>

4
src/routes/market-flow/+layout.svelte
View File

@ -52,8 +52,8 @@
<a <a
href={item?.path} href={item?.path}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-primary/90 font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</a> </a>

4
src/routes/market-mover/+layout.svelte
View File

@ -72,8 +72,8 @@
<a <a
href={item?.path} href={item?.path}
class="p-2 px-5 cursor-pointer {activeIdx === index class="p-2 px-5 cursor-pointer {activeIdx === index
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</a> </a>

24
src/routes/market-mover/active/+layout.svelte
View File

@ -55,48 +55,48 @@
<a <a
href="/market-mover/active" href="/market-mover/active"
class="p-2 px-5 cursor-pointer {timePeriod === 'active' class="p-2 px-5 cursor-pointer {timePeriod === 'active'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Today Today
</a> </a>
<a <a
href="/market-mover/active/week" href="/market-mover/active/week"
class="p-2 px-5 cursor-pointer {timePeriod === 'week' class="p-2 px-5 cursor-pointer {timePeriod === 'week'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Week Week
</a> </a>
<a <a
href="/market-mover/active/month" href="/market-mover/active/month"
class="p-2 px-5 cursor-pointer {timePeriod === 'month' class="p-2 px-5 cursor-pointer {timePeriod === 'month'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Month Month
</a> </a>
<a <a
href="/market-mover/active/year" href="/market-mover/active/year"
class="p-2 px-5 cursor-pointer {timePeriod === 'year' class="p-2 px-5 cursor-pointer {timePeriod === 'year'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Year Year
</a> </a>
<a <a
href="/market-mover/active/3Y" href="/market-mover/active/3Y"
class="p-2 px-5 cursor-pointer {timePeriod === '3Y' class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
3 Years 3 Years
</a> </a>
<a <a
href="/market-mover/active/5Y" href="/market-mover/active/5Y"
class="p-2 px-5 cursor-pointer {timePeriod === '5Y' class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
5 Years 5 Years
</a> </a>

8
src/routes/market-mover/afterhours/+layout.svelte
View File

@ -37,16 +37,16 @@
<a <a
href="/market-mover/afterhours/gainers" href="/market-mover/afterhours/gainers"
class="p-2 px-5 cursor-pointer {categoryType === 'gainers' class="p-2 px-5 cursor-pointer {categoryType === 'gainers'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Gainers Gainers
</a> </a>
<a <a
href="/market-mover/afterhours/losers" href="/market-mover/afterhours/losers"
class="p-2 px-5 cursor-pointer {categoryType === 'losers' class="p-2 px-5 cursor-pointer {categoryType === 'losers'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Losers Losers
</a> </a>

24
src/routes/market-mover/gainers/+layout.svelte
View File

@ -55,48 +55,48 @@
<a <a
href="/market-mover/gainers" href="/market-mover/gainers"
class="p-2 px-5 cursor-pointer {timePeriod === 'gainers' class="p-2 px-5 cursor-pointer {timePeriod === 'gainers'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Today Today
</a> </a>
<a <a
href="/market-mover/gainers/week" href="/market-mover/gainers/week"
class="p-2 px-5 cursor-pointer {timePeriod === 'week' class="p-2 px-5 cursor-pointer {timePeriod === 'week'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Week Week
</a> </a>
<a <a
href="/market-mover/gainers/month" href="/market-mover/gainers/month"
class="p-2 px-5 cursor-pointer {timePeriod === 'month' class="p-2 px-5 cursor-pointer {timePeriod === 'month'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Month Month
</a> </a>
<a <a
href="/market-mover/gainers/year" href="/market-mover/gainers/year"
class="p-2 px-5 cursor-pointer {timePeriod === 'year' class="p-2 px-5 cursor-pointer {timePeriod === 'year'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Year Year
</a> </a>
<a <a
href="/market-mover/gainers/3Y" href="/market-mover/gainers/3Y"
class="p-2 px-5 cursor-pointer {timePeriod === '3Y' class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
3 Years 3 Years
</a> </a>
<a <a
href="/market-mover/gainers/5Y" href="/market-mover/gainers/5Y"
class="p-2 px-5 cursor-pointer {timePeriod === '5Y' class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
5 Years 5 Years
</a> </a>

24
src/routes/market-mover/losers/+layout.svelte
View File

@ -55,48 +55,48 @@
<a <a
href="/market-mover/losers" href="/market-mover/losers"
class="p-2 px-5 cursor-pointer {timePeriod === 'losers' class="p-2 px-5 cursor-pointer {timePeriod === 'losers'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Today Today
</a> </a>
<a <a
href="/market-mover/losers/week" href="/market-mover/losers/week"
class="p-2 px-5 cursor-pointer {timePeriod === 'week' class="p-2 px-5 cursor-pointer {timePeriod === 'week'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Week Week
</a> </a>
<a <a
href="/market-mover/losers/month" href="/market-mover/losers/month"
class="p-2 px-5 cursor-pointer {timePeriod === 'month' class="p-2 px-5 cursor-pointer {timePeriod === 'month'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Month Month
</a> </a>
<a <a
href="/market-mover/losers/year" href="/market-mover/losers/year"
class="p-2 px-5 cursor-pointer {timePeriod === 'year' class="p-2 px-5 cursor-pointer {timePeriod === 'year'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Year Year
</a> </a>
<a <a
href="/market-mover/losers/3Y" href="/market-mover/losers/3Y"
class="p-2 px-5 cursor-pointer {timePeriod === '3Y' class="p-2 px-5 cursor-pointer {timePeriod === '3Y'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
3 Years 3 Years
</a> </a>
<a <a
href="/market-mover/losers/5Y" href="/market-mover/losers/5Y"
class="p-2 px-5 cursor-pointer {timePeriod === '5Y' class="p-2 px-5 cursor-pointer {timePeriod === '5Y'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
5 Years 5 Years
</a> </a>

8
src/routes/market-mover/premarket/+layout.svelte
View File

@ -37,16 +37,16 @@
<a <a
href="/market-mover/premarket/gainers" href="/market-mover/premarket/gainers"
class="p-2 px-5 cursor-pointer {categoryType === 'gainers' class="p-2 px-5 cursor-pointer {categoryType === 'gainers'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Gainers Gainers
</a> </a>
<a <a
href="/market-mover/premarket/losers" href="/market-mover/premarket/losers"
class="p-2 px-5 cursor-pointer {categoryType === 'losers' class="p-2 px-5 cursor-pointer {categoryType === 'losers'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Losers Losers
</a> </a>

4
src/routes/market-news/+layout.svelte
View File

@ -61,8 +61,8 @@
<a <a
href={item?.path} href={item?.path}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-primary/90 font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</a> </a>

4
src/routes/potus-tracker/+page.svelte
View File

@ -324,8 +324,8 @@
<button <button
on:click={() => (activeIdx = i)} on:click={() => (activeIdx = i)}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-primary/90 font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</button> </button>

2
src/routes/price-alert/+page.svelte
View File

@ -301,7 +301,7 @@
{#if editMode} {#if editMode}
<label <label
on:click={handleDeleteTickers} on:click={handleDeleteTickers}
class="border text-sm border-gray-600 mr-2 sm:ml-3 sm:mr-0 cursor-pointer inline-flex items-center justify-center space-x-1 whitespace-nowrap rounded-md py-2 pl-3 pr-4 font-semibold text-white bg-default sm:hover:bg-default/60 ease-out sm:hover:text-red-500" class="border text-sm border-gray-600 mr-2 cursor-pointer inline-flex items-center justify-center space-x-1 whitespace-nowrap rounded-md py-2.5 pl-3 pr-4 font-semibold text-white bg-default sm:hover:bg-default/60 ease-out sm:hover:text-red-500"
> >
<svg <svg
class="inline-block w-5 h-5" class="inline-block w-5 h-5"

8
src/routes/reddit-tracker/+page.svelte
View File

@ -487,8 +487,8 @@
<label <label
on:click={() => changeTimePeriod(index)} on:click={() => changeTimePeriod(index)}
class="p-2 px-5 cursor-pointer {activeIdx === index class="p-2 px-5 cursor-pointer {activeIdx === index
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</label> </label>
@ -497,8 +497,8 @@
href="/pricing" href="/pricing"
class="flex flex-row items-center p-2 px-5 cursor-pointer {activeIdx === class="flex flex-row items-center p-2 px-5 cursor-pointer {activeIdx ===
index index
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
<span class="">{item.title}</span> <span class="">{item.title}</span>
<svg <svg

50
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -636,7 +636,7 @@
</div> </div>
{:else if userWatchList?.length === 0} {:else if userWatchList?.length === 0}
<div <div
class="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" class="shrink-0 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => on:click={() =>
@ -670,7 +670,7 @@
</div> </div>
{:else} {:else}
<div <div
class="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" class="shrink-0 ml-auto mr-2 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
for="userLogin" for="userLogin"
@ -693,7 +693,7 @@
<!--Start Price Alert --> <!--Start Price Alert -->
<div <div
class="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" class="shrink-0 rounded-full sm:hover:bg-white/10 transition ease-out w-12 h-12 relative bg-default flex items-center justify-center"
> >
<label <label
on:click={() => ($openPriceAlert = true)} on:click={() => ($openPriceAlert = true)}
@ -906,8 +906,8 @@
on:click={() => changeSection("overview")} on:click={() => changeSection("overview")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'overview' 'overview'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Overview Overview
</a> </a>
@ -916,8 +916,8 @@
on:click={() => changeSection("financials")} on:click={() => changeSection("financials")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'financials' 'financials'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Financials Financials
</a> </a>
@ -926,8 +926,8 @@
on:click={() => changeSection("statistics")} on:click={() => changeSection("statistics")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'statistics' 'statistics'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
>Statistics</a >Statistics</a
> >
@ -936,8 +936,8 @@
on:click={() => changeSection("metrics")} on:click={() => changeSection("metrics")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'metrics' 'metrics'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
>Metrics</a >Metrics</a
> >
@ -947,8 +947,8 @@
on:click={() => changeSection("forecast")} on:click={() => changeSection("forecast")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'forecast' 'forecast'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Forecast Forecast
</a> </a>
@ -958,8 +958,8 @@
on:click={() => changeSection("dark-pool")} on:click={() => changeSection("dark-pool")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'dark-pool' 'dark-pool'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Dark Pool Dark Pool
</a> </a>
@ -968,8 +968,8 @@
on:click={() => changeSection("options")} on:click={() => changeSection("options")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'options' 'options'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Options Options
</a> </a>
@ -979,8 +979,8 @@
on:click={() => changeSection("insider")} on:click={() => changeSection("insider")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'insider' 'insider'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Insider Insider
</a> </a>
@ -989,8 +989,8 @@
on:click={() => changeSection("dividends")} on:click={() => changeSection("dividends")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'dividends' 'dividends'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Dividends Dividends
</a> </a>
@ -999,8 +999,8 @@
on:click={() => changeSection("history")} on:click={() => changeSection("history")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'history' 'history'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
History History
</a> </a>
@ -1009,8 +1009,8 @@
on:click={() => changeSection("profile")} on:click={() => changeSection("profile")}
class="p-2 px-5 cursor-pointer {displaySection === class="p-2 px-5 cursor-pointer {displaySection ===
'profile' 'profile'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-secondary font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Profile Profile
</a> </a>

16
src/routes/stocks/[tickerID]/financials/+layout.svelte
View File

@ -61,8 +61,8 @@
href={`/stocks/${$stockTicker}/financials`} href={`/stocks/${$stockTicker}/financials`}
on:click={() => changeSubSection("income")} on:click={() => changeSubSection("income")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'income' class="p-2 px-5 cursor-pointer {displaySubSection === 'income'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Income Income
</a> </a>
@ -72,8 +72,8 @@
on:click={() => changeSubSection("balance-sheet")} on:click={() => changeSubSection("balance-sheet")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'balance-sheet' 'balance-sheet'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Balance Sheet Balance Sheet
</a> </a>
@ -82,8 +82,8 @@
on:click={() => changeSubSection("cash-flow")} on:click={() => changeSubSection("cash-flow")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'cash-flow' 'cash-flow'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Cashflow Cashflow
</a> </a>
@ -91,8 +91,8 @@
href={`/stocks/${$stockTicker}/financials/ratios`} href={`/stocks/${$stockTicker}/financials/ratios`}
on:click={() => changeSubSection("ratios")} on:click={() => changeSubSection("ratios")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'ratios' class="p-2 px-5 cursor-pointer {displaySubSection === 'ratios'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Ratios Ratios
</a> </a>

12
src/routes/stocks/[tickerID]/forecast/+layout.svelte
View File

@ -65,8 +65,8 @@
href={`/stocks/${$stockTicker}/forecast`} href={`/stocks/${$stockTicker}/forecast`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -75,8 +75,8 @@
href={`/stocks/${$stockTicker}/forecast/analyst`} href={`/stocks/${$stockTicker}/forecast/analyst`}
on:click={() => changeSubSection("analyst")} on:click={() => changeSubSection("analyst")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'analyst' class="p-2 px-5 cursor-pointer {displaySubSection === 'analyst'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Analysts Ratings Analysts Ratings
</a> </a>
@ -84,8 +84,8 @@
href={`/stocks/${$stockTicker}/forecast/ai`} href={`/stocks/${$stockTicker}/forecast/ai`}
on:click={() => changeSubSection("ai")} on:click={() => changeSubSection("ai")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'ai' class="p-2 px-5 cursor-pointer {displaySubSection === 'ai'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
AI Forecast AI Forecast
</a> </a>

16
src/routes/stocks/[tickerID]/insider/+layout.svelte
View File

@ -86,8 +86,8 @@
href={`/stocks/${$stockTicker}/insider`} href={`/stocks/${$stockTicker}/insider`}
on:click={() => changeSubSection("insider")} on:click={() => changeSubSection("insider")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'insider' class="p-2 px-5 cursor-pointer {displaySubSection === 'insider'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-secondary'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Insider Trading Insider Trading
</a> </a>
@ -97,8 +97,8 @@
on:click={() => changeSubSection("institute")} on:click={() => changeSubSection("institute")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'institute' 'institute'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-secondary'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
13F Institute 13F Institute
</a> </a>
@ -108,8 +108,8 @@
on:click={() => changeSubSection("congress-trading")} on:click={() => changeSubSection("congress-trading")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'congress-trading' 'congress-trading'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-secondary'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Congress Trading Congress Trading
</a> </a>
@ -118,8 +118,8 @@
on:click={() => changeSubSection("transcripts")} on:click={() => changeSubSection("transcripts")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'transcripts' 'transcripts'
? 'text-white bg-secondary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-secondary'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-secondary'}"
> >
Transcripts Transcripts
</a> </a>

4
src/routes/stocks/[tickerID]/metrics/+layout.svelte
View File

@ -77,8 +77,8 @@
on:click={() => changeSubSection(sectionKey)} on:click={() => changeSubSection(sectionKey)}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
sectionKey sectionKey
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{title} {title}
</a> </a>

28
src/routes/stocks/[tickerID]/options/+layout.svelte
View File

@ -67,8 +67,8 @@
href={`/stocks/${$stockTicker}/options`} href={`/stocks/${$stockTicker}/options`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -77,8 +77,8 @@
on:click={() => changeSubSection("unusual-activity")} on:click={() => changeSubSection("unusual-activity")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'unusual-activity' 'unusual-activity'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Unusual Activity Unusual Activity
</a> </a>
@ -87,8 +87,8 @@
on:click={() => changeSubSection("hottest-contracts")} on:click={() => changeSubSection("hottest-contracts")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'hottest-contracts' 'hottest-contracts'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Hottest Contracts Hottest Contracts
</a> </a>
@ -97,8 +97,8 @@
on:click={() => changeSubSection("volatility")} on:click={() => changeSubSection("volatility")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'volatility' 'volatility'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Volatility Volatility
</a> </a>
@ -106,8 +106,8 @@
href={`/stocks/${$stockTicker}/options/oi`} href={`/stocks/${$stockTicker}/options/oi`}
on:click={() => changeSubSection("oi")} on:click={() => changeSubSection("oi")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'oi' class="p-2 px-5 cursor-pointer {displaySubSection === 'oi'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
OI OI
</a> </a>
@ -116,8 +116,8 @@
href={`/stocks/${$stockTicker}/options/gex`} href={`/stocks/${$stockTicker}/options/gex`}
on:click={() => changeSubSection("gex")} on:click={() => changeSubSection("gex")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'gex' class="p-2 px-5 cursor-pointer {displaySubSection === 'gex'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
GEX GEX
</a> </a>
@ -125,8 +125,8 @@
href={`/stocks/${$stockTicker}/options/dex`} href={`/stocks/${$stockTicker}/options/dex`}
on:click={() => changeSubSection("dex")} on:click={() => changeSubSection("dex")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'dex' class="p-2 px-5 cursor-pointer {displaySubSection === 'dex'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
DEX DEX
</a> </a>

12
src/routes/stocks/[tickerID]/options/dex/+layout.svelte
View File

@ -58,8 +58,8 @@
href={`/stocks/${$stockTicker}/options/dex`} href={`/stocks/${$stockTicker}/options/dex`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -68,8 +68,8 @@
href={`/stocks/${$stockTicker}/options/dex/strike`} href={`/stocks/${$stockTicker}/options/dex/strike`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -77,8 +77,8 @@
href={`/stocks/${$stockTicker}/options/dex/expiry`} href={`/stocks/${$stockTicker}/options/dex/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

12
src/routes/stocks/[tickerID]/options/gex/+layout.svelte
View File

@ -59,8 +59,8 @@
href={`/stocks/${$stockTicker}/options/gex`} href={`/stocks/${$stockTicker}/options/gex`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -69,8 +69,8 @@
href={`/stocks/${$stockTicker}/options/gex/strike`} href={`/stocks/${$stockTicker}/options/gex/strike`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -78,8 +78,8 @@
href={`/stocks/${$stockTicker}/options/gex/expiry`} href={`/stocks/${$stockTicker}/options/gex/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

8
src/routes/stocks/[tickerID]/options/oi/+layout.svelte
View File

@ -56,8 +56,8 @@
href={`/stocks/${$stockTicker}/options/oi`} href={`/stocks/${$stockTicker}/options/oi`}
on:click={() => changeSubSection("strike")} on:click={() => changeSubSection("strike")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' class="p-2 px-5 cursor-pointer {displaySubSection === 'strike'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Strike By Strike
</a> </a>
@ -66,8 +66,8 @@
href={`/stocks/${$stockTicker}/options/oi/expiry`} href={`/stocks/${$stockTicker}/options/oi/expiry`}
on:click={() => changeSubSection("expiry")} on:click={() => changeSubSection("expiry")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
By Expiry By Expiry
</a> </a>

8
src/routes/stocks/[tickerID]/profile/+layout.svelte
View File

@ -47,8 +47,8 @@
href={`/stocks/${$stockTicker}/profile`} href={`/stocks/${$stockTicker}/profile`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -57,8 +57,8 @@
href={`/stocks/${$stockTicker}/profile/employees`} href={`/stocks/${$stockTicker}/profile/employees`}
on:click={() => changeSubSection("employees")} on:click={() => changeSubSection("employees")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'employees' class="p-2 px-5 cursor-pointer {displaySubSection === 'employees'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Employees Employees
</a> </a>

20
src/routes/stocks/[tickerID]/statistics/+layout.svelte
View File

@ -53,8 +53,8 @@
href={`/stocks/${$stockTicker}/statistics`} href={`/stocks/${$stockTicker}/statistics`}
on:click={() => changeSubSection("overview")} on:click={() => changeSubSection("overview")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' class="p-2 px-5 cursor-pointer {displaySubSection === 'overview'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Overview Overview
</a> </a>
@ -63,8 +63,8 @@
href={`/stocks/${$stockTicker}/statistics/market-cap`} href={`/stocks/${$stockTicker}/statistics/market-cap`}
on:click={() => changeSubSection("market-cap")} on:click={() => changeSubSection("market-cap")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'market-cap' class="p-2 px-5 cursor-pointer {displaySubSection === 'market-cap'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Market Cap Market Cap
</a> </a>
@ -73,8 +73,8 @@
href={`/stocks/${$stockTicker}/statistics/revenue`} href={`/stocks/${$stockTicker}/statistics/revenue`}
on:click={() => changeSubSection("revenue")} on:click={() => changeSubSection("revenue")}
class="p-2 px-5 cursor-pointer {displaySubSection === 'revenue' class="p-2 px-5 cursor-pointer {displaySubSection === 'revenue'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Revenue Revenue
</a> </a>
@ -84,8 +84,8 @@
on:click={() => changeSubSection("price-reaction")} on:click={() => changeSubSection("price-reaction")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'price-reaction' 'price-reaction'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Price Reaction Price Reaction
</a> </a>
@ -95,8 +95,8 @@
on:click={() => changeSubSection("fail-to-deliver")} on:click={() => changeSubSection("fail-to-deliver")}
class="p-2 px-5 cursor-pointer {displaySubSection === class="p-2 px-5 cursor-pointer {displaySubSection ===
'fail-to-deliver' 'fail-to-deliver'
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
Fail-to-Deliver Fail-to-Deliver
</a> </a>

4
src/routes/watchlist/+layout.svelte
View File

@ -53,8 +53,8 @@
<a <a
href={item?.path} href={item?.path}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' ? 'text-white bg-primary/90'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</a> </a>