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

ui fixes for chrome

Browse Source
This commit is contained in:
MuslemRahimi 2025-02-27 23:43:11 +01:00
parent 306266db7b
commit 02ed2756e3
100 changed files with 268 additions and 304 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/AddPortfolio.svelte
View File

@ -98,7 +98,7 @@
</div>
<div
class="text-white text-sm border bg-secondary border-gray-800 p-3 rounded-md overflow-y-scroll h-56"
class="text-white text-sm border bg-secondary border-gray-800 p-3 rounded-md overflow-y-auto h-56"
>
<ol class="text-white list-decimal ml-3 p-2">
<li class="p-1">
@ -277,9 +277,9 @@
style="z-index: 9999;"
>
<input id="addPortfolio" type="checkbox" class="drawer-toggle" />
<div class="drawer-side overflow-y-scroll overflow-hidden">
<div class="drawer-side overflow-y-auto overflow-hidden">
<div
class="bg-[#000] min-h-screen px-5 pt-16 w-screen pb-20 overflow-y-scroll overflow-hidden"
class="bg-[#000] min-h-screen px-5 pt-16 w-screen pb-20 overflow-y-auto overflow-hidden"
>
<h1 class="text-white sm:hidden font-bold text-2xl mb-5">
Portfolio Tournament 🔥🚀
@ -290,7 +290,7 @@
</div>
<div
class="text-white text-sm border bg-default 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-auto h-56"
>
<ol class="text-white list-decimal ml-3 p-2">
<li class="p-1">

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

@ -805,7 +805,7 @@
{#if isLoaded}
{#if analystEstimateList?.length !== 0}
<div
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"
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-auto pr-5 sm:pr-0"
>
<table
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"

2
src/lib/components/DarkPool/HottestTrades.svelte
View File

@ -144,7 +144,7 @@
</div>
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md text-white w-full bg-table border border-gray-800 m-auto"

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

@ -334,7 +334,7 @@
</div>
</div>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md w-full m-auto mt-4"
>

1
src/lib/components/FinancialChart.svelte
View File

@ -61,6 +61,7 @@
style: {
color: "#fff",
},
rotation: -45,
distance: 10, // Increases space between label and axis
},
},

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

@ -88,7 +88,7 @@
};
</script>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table rounded-none sm:rounded-md w-full m-auto bg-table border border-gray-800 mt-4"
>

2
src/lib/components/Options/GreekByExpiry.svelte
View File

@ -333,7 +333,7 @@
{title === "Gamma" ? "GEX" : "DEX"} Table
</h3>
<div class="mt-3 w-full overflow-x-scroll text-white">
<div class="mt-3 w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto overflow-x-auto"
>

2
src/lib/components/Options/GreekByStrike.svelte
View File

@ -309,7 +309,7 @@
<h3 class="text-xl sm:text-2xl text-white font-bold mt-5">
{title === "Gamma" ? "GEX" : "DEX"} Table
</h3>
<div class="w-full overflow-x-scroll text-white mt-3">
<div class="w-full overflow-x-auto text-white mt-3">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto overflow-x-auto"
>

2
src/lib/components/Options/GreekExposure.svelte
View File

@ -417,7 +417,7 @@
{title === "Gamma" ? "GEX" : "DEX"} History
</h3>
<div class="mt-3 w-full overflow-x-scroll text-white">
<div class="mt-3 w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto overflow-x-auto"
>

6
src/lib/components/Options/HottestContracts.svelte
View File

@ -583,7 +583,7 @@
>
Hottest Contracts (Highest Volume)
</h2>
<div class="w-full overflow-x-scroll text-white">
<div class="w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto mt-4 overflow-x-auto"
>
@ -703,7 +703,7 @@
>
Highest OI Contracts
</h2>
<div class="w-full overflow-x-scroll text-white">
<div class="w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto mt-4 overflow-x-auto"
>
@ -919,7 +919,7 @@
<div
bind:this={container}
on:scroll={getScroll}
class="h-full max-h-[500px] overflow-y-scroll overflow-x-auto"
class="h-full max-h-[500px] overflow-y-auto overflow-x-auto"
>
<div class="flex justify-start items-center m-auto cursor-normal">
{#if isLoaded}

2
src/lib/components/Options/OpenInterestByExpiry.svelte
View File

@ -291,7 +291,7 @@
Open Interest Table
</h3>
<div class="w-full overflow-x-scroll text-white">
<div class="w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto overflow-x-auto"
>

4
src/lib/components/Options/OpenInterestByStrike.svelte
View File

@ -66,7 +66,7 @@
style: {
color: "#fff",
},
rotation: 45,
rotation: -45,
// Only display every 5th label
formatter: function () {
return this.pos % 4 === 0 ? this.value : "";
@ -264,7 +264,7 @@
Open Interest Table
</h3>
<div class="w-full overflow-x-scroll text-white">
<div class="w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto overflow-x-auto"
>

4
src/lib/components/Options/UnusualActivity.svelte
View File

@ -744,7 +744,7 @@
use:highcharts={configUnusual}
></div>
<div class="w-full overflow-x-scroll text-white">
<div class="w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto mt-4 overflow-x-auto"
>
@ -953,7 +953,7 @@
<div
bind:this={container}
on:scroll={getScroll}
class="h-full max-h-[500px] overflow-y-scroll overflow-x-auto"
class="h-full max-h-[500px] overflow-y-auto overflow-x-auto"
>
<div class="flex justify-start items-center m-auto cursor-normal">
{#if isLoaded}

2
src/lib/components/Options/Volatility.svelte
View File

@ -469,7 +469,7 @@
<h3 class="mt-5 text-xl sm:text-2xl text-white font-bold mb-2 sm:mb-0">
Volatility History
</h3>
<div class="w-full overflow-x-scroll text-white mt-5">
<div class="w-full overflow-x-auto text-white mt-5">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto overflow-x-auto"
>

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

@ -100,7 +100,7 @@
{/if}
</span>
<div
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"
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-3 m-auto overflow-x-auto pr-5 sm:pr-0"
>
<table
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"

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

@ -530,7 +530,7 @@
/>
</div>
<div
class="flex justify-start items-center w-full m-auto mt-6 overflow-x-scroll"
class="flex justify-start items-center w-full m-auto mt-6 overflow-x-auto"
>
<table
class="table table-sm table-compact bg-table border border-gray-800 w-full"

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

@ -149,7 +149,7 @@
{#if similarTicker?.length !== 0}
<div
class="flex justify-start items-center w-full m-auto pl-2 mt-10 overflow-x-scroll"
class="flex justify-start items-center w-full m-auto pl-2 mt-10 overflow-x-auto"
>
<table
class="table table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto"

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

@ -137,7 +137,7 @@
{#if similarstock?.length !== 0}
<div
class="flex justify-start items-center w-full m-auto mt-10 overflow-x-scroll"
class="flex justify-start items-center w-full m-auto mt-10 overflow-x-auto"
>
<table
class="table table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto"

247
src/lib/components/StockKeyInformation.svelte
View File

@ -1,47 +1,54 @@
<script lang="ts">
import TickerInfoCard from "$lib/components/TickerInfoCard.svelte";
import ExecutiveCard from "$lib/components/ExecutiveCard.svelte";
import TickerInfoCard from '$lib/components/TickerInfoCard.svelte';
import ExecutiveCard from '$lib/components/ExecutiveCard.svelte';
import SimilarTickerCard from '$lib/components/SimilarTickerCard.svelte';
import SimilarTickerCard from "$lib/components/SimilarTickerCard.svelte";
//import ESGCard from '$lib/components/ESGCard.svelte';
import SECFilingsCard from '$lib/components/SECFilingsCard.svelte';
import TopETFTickerHolder from '$lib/components/TopETFTickerHolder.svelte';
import SECFilingsCard from "$lib/components/SECFilingsCard.svelte";
import TopETFTickerHolder from "$lib/components/TopETFTickerHolder.svelte";
import {
similarTickerClicked,
executiveClicked,
secFilingsClicked,
} from "$lib/store";
import { similarTickerClicked, executiveClicked, secFilingsClicked } from '$lib/store';
//import copilotIcon from '$lib/images/copilot_icon.png';
export let data;
$: {
if($similarTickerClicked)
{
$: {
if ($similarTickerClicked) {
const closePopup = document.getElementById("similarTickerModal");
closePopup?.dispatchEvent(new MouseEvent('click'))
closePopup?.dispatchEvent(new MouseEvent("click"));
$similarTickerClicked = false;
}
}
}
</script>
<section class="mt-4 overflow-hidden">
<div class="grid grid-cols-3 gap-x-4 gap-y-2 overflow-hidden">
<label for="tickerModal" class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200">
<label
for="tickerModal"
class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200"
>
Details
</label>
<label on:click={() => $executiveClicked = true} for="executiveModal" class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200">
<label
on:click={() => ($executiveClicked = true)}
for="executiveModal"
class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200"
>
Executives
</label>
<label on:click={() => $secFilingsClicked = true} for="secFilingModal" class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200">
<label
on:click={() => ($secFilingsClicked = true)}
for="secFilingModal"
class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200"
>
SEC Filings
</label>
<!--
@ -49,102 +56,95 @@ $: {
ESG Score
</label>
-->
<label for="similarTickerModal" class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200">
<label
for="similarTickerModal"
class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200"
>
Similar
</label>
<label for="topETFTickerHolderModal" class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200">
<label
for="topETFTickerHolderModal"
class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200"
>
ETFs Holder
</label>
</div>
</section>
<!--Start Executive Modal-->
<div class="drawer drawer-end z-40 overflow-hidden w-screen">
<input id="secFilingModal" type="checkbox" class="drawer-toggle" />
<div class="drawer-side overflow-hidden">
<div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
<label for="secFilingModal" class="absolute left-6 top-6">
<svg
class="w-6 h-6 inline-block mb-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
><path
fill="#fff"
d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"
/></svg
>
</label>
<!--Start Executive Modal-->
<div class="drawer drawer-end z-40 overflow-hidden w-screen">
<input id="secFilingModal" type="checkbox" class="drawer-toggle"/>
<div class="drawer-side overflow-hidden">
<div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
<label for="secFilingModal" class="absolute left-6 top-6">
<svg class="w-6 h-6 inline-block mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#fff" d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"/></svg>
</label>
<div class="w-screen overflow-y-scroll" >
<SECFilingsCard secFilingsList={data?.getSECFilings}/>
<div class="w-screen overflow-y-auto">
<SECFilingsCard secFilingsList={data?.getSECFilings} />
</div>
</div>
</div>
</div>
</div>
<!--End Executive Modal-->
<!--Start Executive Modal-->
<div class="drawer drawer-end z-40 overflow-hidden w-screen">
<input id="executiveModal" type="checkbox" class="drawer-toggle" />
<div class="drawer-side overflow-hidden">
<div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
<label for="executiveModal" class="absolute left-6 top-6">
<svg
class="w-6 h-6 inline-block mb-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
><path
fill="#fff"
d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"
/></svg
>
</label>
<!--Start Executive Modal-->
<div class="drawer drawer-end z-40 overflow-hidden w-screen">
<input id="executiveModal" type="checkbox" class="drawer-toggle"/>
<div class="drawer-side overflow-hidden">
<div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
<label for="executiveModal" class="absolute left-6 top-6">
<svg class="w-6 h-6 inline-block mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#fff" d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"/></svg>
</label>
<div class="w-screen overflow-y-scroll" >
<ExecutiveCard />
<div class="w-screen overflow-y-auto">
<ExecutiveCard />
</div>
</div>
</div>
</div>
</div>
<!--End Executive Modal-->
<!--Start Ticker Modal-->
<div class="drawer drawer-end z-40 overflow-hidden w-screen">
<input id="tickerModal" type="checkbox" class="drawer-toggle"/>
<div class="drawer-side overflow-hidden">
<div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
<label for="tickerModal" class="absolute left-6 top-6">
<svg class="w-6 h-6 inline-block mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#fff" d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"/></svg>
</label>
<div class="w-screen overflow-y-scroll" >
<TickerInfoCard data={data} stockDeck={data?.getStockDeck}/>
</div>
<input id="tickerModal" type="checkbox" class="drawer-toggle" />
<div class="drawer-side overflow-hidden">
<div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
<label for="tickerModal" class="absolute left-6 top-6">
<svg
class="w-6 h-6 inline-block mb-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
><path
fill="#fff"
d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"
/></svg
>
</label>
</div>
<div class="w-screen overflow-y-auto">
<TickerInfoCard {data} stockDeck={data?.getStockDeck} />
</div>
</div>
</div>
</div>
<!--End Ticker Modal-->
<!--Start ESG Modal-->
<!--
@ -160,7 +160,7 @@ $: {
</label>
<div class="w-screen overflow-y-scroll" >
<div class="w-screen overflow-y-auto" >
<ESGCard stockDeck={data?.getStockDeck}/>
</div>
@ -170,48 +170,51 @@ $: {
-->
<!--End ESG Modal-->
<!--Start Similar Modal-->
<div class="drawer drawer-end z-40 overflow-hidden w-screen">
<input id="similarTickerModal" type="checkbox" class="drawer-toggle"/>
<input id="similarTickerModal" type="checkbox" class="drawer-toggle" />
<div class="drawer-side overflow-hidden">
<div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
<label for="similarTickerModal" class="absolute left-6 top-6">
<svg
class="w-6 h-6 inline-block mb-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
><path
fill="#fff"
d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"
/></svg
>
</label>
<label for="similarTickerModal" class="absolute left-6 top-6">
<svg class="w-6 h-6 inline-block mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#fff" d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"/></svg>
</label>
<div class="w-screen overflow-y-scroll" >
<SimilarTickerCard similarstock={data?.getSimilarStock}/>
<div class="w-screen overflow-y-auto">
<SimilarTickerCard similarstock={data?.getSimilarStock} />
</div>
</div>
</div>
</div>
<!--End Similar Modal-->
<!--Start Similar Modal-->
<div class="drawer drawer-end z-40 overflow-hidden w-screen">
<input id="topETFTickerHolderModal" type="checkbox" class="drawer-toggle"/>
<input id="topETFTickerHolderModal" type="checkbox" class="drawer-toggle" />
<div class="drawer-side overflow-hidden">
<div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
<label for="topETFTickerHolderModal" class="absolute left-6 top-6">
<svg
class="w-6 h-6 inline-block mb-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
><path
fill="#fff"
d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"
/></svg
>
</label>
<label for="topETFTickerHolderModal" class="absolute left-6 top-6">
<svg class="w-6 h-6 inline-block mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#fff" d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"/></svg>
</label>
<div class="w-screen overflow-y-scroll" >
<TopETFTickerHolder topETFHolder={data?.getTopETFHolder}/>
<div class="w-screen overflow-y-auto">
<TopETFTickerHolder topETFHolder={data?.getTopETFHolder} />
</div>
</div>
</div>
</div>

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

@ -184,7 +184,7 @@
{/if}
<!--Start Momentum Indicators-->
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table class="table table-sm table-compact w-full mb-5 mt-5">
<!-- head -->
<thead>

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

@ -848,7 +848,7 @@
</DropdownMenu.Root>
</div>
<div class="w-full overflow-x-scroll text-white">
<div class="w-full overflow-x-auto text-white">
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

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

@ -130,7 +130,7 @@
{#if topETFHolder?.length !== 0}
<div
class="flex justify-start items-center w-full m-auto mt-10 overflow-x-scroll"
class="flex justify-start items-center w-full m-auto mt-10 overflow-x-auto"
>
<table
class="table table-sm table-compact mt-3 text-start flex justify-start items-center w-full px-3 m-auto"

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

@ -53,7 +53,7 @@
<!--Start Tickersinfo Length-->
{#if watchList.length !== 0}
<div class="w-screen sm:w-full">
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

2
src/lib/components/shadcn/dropdown-menu/dropdown-menu-content.svelte
View File

@ -17,7 +17,7 @@
{transitionConfig}
{sideOffset}
class={cn(
"z-50 min-w-[8rem] rounded-md border border-gray-500 bg-default p-1 text-white shadow-md focus:outline-none",
"z-50 min-w-[8rem] no-scrollbar rounded-md border border-gray-500 bg-default p-1 text-white shadow-md focus:outline-none",
className,
)}
{...$$restProps}

16
src/routes/+page.svelte
View File

@ -157,7 +157,7 @@
<main class="flex flex-1 flex-col gap-4 sm:p-4 md:gap-8">
<div class="grid gap-4 md:gap-8 grid-cols-1 lg:grid-cols-2 text-start">
<Card.Root
class="order-1 sm:order-2 overflow-x-scroll overflow-hidden overflow-y-auto no-scrollbar max-h-[450px]"
class="order-1 sm:order-2 overflow-x-auto overflow-hidden overflow-y-auto no-scrollbar max-h-[450px]"
>
<Card.Header class="flex flex-row items-center">
<div class="flex flex-col items-start w-full">
@ -191,7 +191,7 @@
</Card.Header>
<Card.Content>
{#if gainersList?.length > 0}
<Table.Root class="overflow-x-scroll w-full">
<Table.Root class="overflow-x-auto w-full">
<Table.Header>
<Table.Row>
<Table.Head class="text-white font-semibold"
@ -269,7 +269,7 @@
</Card.Content>
</Card.Root>
<Card.Root
class="order-1 sm:order-2 overflow-x-scroll overflow-hidden overflow-y-auto no-scrollbar max-h-[450px]"
class="order-1 sm:order-2 overflow-x-auto overflow-hidden overflow-y-auto no-scrollbar max-h-[450px]"
>
<Card.Header class="flex flex-row items-center">
<div class="flex flex-col items-start w-full">
@ -303,7 +303,7 @@
</Card.Header>
<Card.Content>
{#if losersList?.length > 0}
<Table.Root class="overflow-x-scroll w-full">
<Table.Root class="overflow-x-auto w-full">
<Table.Header>
<Table.Row>
<Table.Head class="text-white font-semibold"
@ -382,7 +382,7 @@
<div class="grid gap-4 md:gap-8 grid-cols-1 lg:grid-cols-2 text-start">
<Card.Root
class="order-1 overflow-x-scroll overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[470px]"
class="order-1 overflow-x-auto overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[470px]"
>
<Card.Header class="flex flex-row items-center">
<div class="flex flex-col items-start w-full">
@ -457,7 +457,7 @@
</Card.Root>
<Card.Root
class="order-3 sm:order-1 overflow-x-scroll overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[470px]"
class="order-3 sm:order-1 overflow-x-auto overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[470px]"
>
<Card.Header class="flex flex-row items-center">
<div class="flex flex-col items-start w-full">
@ -562,7 +562,7 @@
</Card.Root>
<Card.Root
class="order-1 sm:order-2 overflow-x-scroll overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[550px]"
class="order-1 sm:order-2 overflow-x-auto overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[550px]"
>
<Card.Header class="flex flex-row items-center">
<div class="flex flex-col items-start w-full">
@ -700,7 +700,7 @@
</Card.Root>
<Card.Root
class="order-2 sm:order-3 overflow-x-scroll overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[550px]"
class="order-2 sm:order-3 overflow-x-auto overflow-hidden overflow-y-auto no-scrollbar sm:max-h-[550px]"
>
<Card.Header class="flex flex-row items-center">
<div class="flex flex-col items-start w-full">

2
src/routes/analysts/+page.svelte
View File

@ -164,7 +164,7 @@
<div class="w-full m-auto mt-16">
{#if isLoaded}
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto sm:overflow-hidden"
>
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"

2
src/routes/analysts/[slug]/+page.svelte
View File

@ -370,7 +370,7 @@
<div class="w-full m-auto mt-10">
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"

2
src/routes/corporate-lobbying-tracker/+page.svelte
View File

@ -182,7 +182,7 @@
class="w-screen sm:w-full flex flex-row items-start mt-20 sm:mt-10"
>
<div
class="w-screen sm:w-full rounded-none sm:rounded-md mb-4 overflow-x-scroll lg:overflow-hidden"
class="w-screen sm:w-full rounded-none sm:rounded-md mb-4 overflow-x-auto lg:overflow-hidden"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"

4
src/routes/dividends-calendar/+page.svelte
View File

@ -333,7 +333,7 @@
<!-- Page wrapper -->
<div class="flex justify-center w-full m-auto h-full overflow-hidden">
<!-- Content area -->
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<!-- Cards -->
<div
class=" w-full flex flex-row justify-center m-auto items-center"
@ -442,7 +442,7 @@
{formattedWeekday[index]?.split(", ")[1]} · {day?.length} Dividends
</h2>
<div class="w-full overflow-x-scroll no-scrollbar">
<div class="w-full overflow-x-auto no-scrollbar">
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

4
src/routes/earnings-calendar/+page.svelte
View File

@ -334,7 +334,7 @@
<!-- Page wrapper -->
<div class="flex justify-center w-full m-auto h-full overflow-hidden">
<!-- Content area -->
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<!-- Cards -->
<div
class=" w-full flex flex-row justify-center m-auto items-center"
@ -443,7 +443,7 @@
{formattedWeekday[index]?.split(", ")[1]} · {day?.length} Earnings
</h2>
<div class="w-full overflow-x-scroll no-scrollbar">
<div class="w-full overflow-x-auto no-scrollbar">
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

2
src/routes/economic-calendar/+page.svelte
View File

@ -609,7 +609,7 @@
{/if}
</div>
<div class="w-full overflow-x-scroll no-scrollbar">
<div class="w-full overflow-x-auto no-scrollbar">
<table
class="table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

2
src/routes/economic-indicator/+page.svelte
View File

@ -805,7 +805,7 @@
{/each}
</div>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

2
src/routes/etf/[tickerID]/dividends/+page.svelte
View File

@ -185,7 +185,7 @@
{#if rawData?.history?.length !== 0}
<div
class="overflow-x-scroll no-scrollbar flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4"
class="overflow-x-auto no-scrollbar flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4"
>
<table
class="table table-sm table-compact bg-table border border-gray-800 flex justify-start items-center w-full m-auto"

2
src/routes/etf/[tickerID]/history/+page.svelte
View File

@ -408,7 +408,7 @@
{#if rawData?.length !== 0}
<div class="w-full m-auto mt-2">
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"

2
src/routes/etf/[tickerID]/insider/+page.svelte
View File

@ -336,7 +336,7 @@
<!--End Widget-->
<div
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded mb-4 overflow-x-scroll"
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded mb-4 overflow-x-auto"
>
<table
class="table table-sm sm:table-md table-compact rounded-none sm:rounded w-full bg-table border border-gray-800 m-auto"

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

@ -60,7 +60,7 @@
>
<main class="w-full lg:w-3/4 lg:pr-10">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -51,7 +51,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -51,7 +51,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -49,7 +49,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

2
src/routes/etf/etf-providers/+page.svelte
View File

@ -99,7 +99,7 @@
<div class="flex justify-center w-full m-auto h-full overflow-hidden">
<!-- Content area -->
<div class="w-full">
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

2
src/routes/etf/new-launches/+page.svelte
View File

@ -122,7 +122,7 @@
</span>
</div>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="mt-5 table table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto overflow-hidden"
>

3
src/routes/hedge-funds/+page.svelte
View File

@ -98,6 +98,9 @@
class="relative flex justify-center items-center overflow-hidden w-full"
>
<main class="w-full">
<h1 class="mb-3 text-white text-2xl sm:text-3xl font-bold">
All US Hedge Funds
</h1>
<div class="w-full pb-3">
<div class="relative right-0 bg-default">
<ul

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

@ -857,7 +857,7 @@
<!--Start Ticker Section-->
<nav
class="sm:ml-4 border-b-[2px] overflow-x-scroll md:overflow-hidden whitespace-nowrap"
class="sm:ml-4 border-b-[2px] overflow-x-auto md:overflow-hidden whitespace-nowrap"
>
<ul
class="flex flex-row items-center w-full text-[1rem] text-white"

19
src/routes/index/[tickerID]/history/+page.svelte
View File

@ -1,8 +1,5 @@
<script lang="ts">
import {
indexTicker,
displayCompanyName,
} from "$lib/store";
import { indexTicker, displayCompanyName } from "$lib/store";
import TableHeader from "$lib/components/Table/TableHeader.svelte";
import Infobox from "$lib/components/Infobox.svelte";
import * as DropdownMenu from "$lib/components/shadcn/dropdown-menu/index.js";
@ -272,10 +269,10 @@
}
</script>
<SEO title={`${$displayCompanyName} (${$indexTicker}) Historical Stock Price Data`} description={`Get a complete stock price history for ${$displayCompanyName} (${$indexTicker}), starting from its first trading day. Includes open, high, low, close and volume.`} />
<SEO
title={`${$displayCompanyName} (${$indexTicker}) Historical Stock Price Data`}
description={`Get a complete stock price history for ${$displayCompanyName} (${$indexTicker}), starting from its first trading day. Includes open, high, low, close and volume.`}
/>
<section
class="bg-default overflow-hidden text-white h-full min-h-screen mb-20 sm:mb-0 w-full mt-2 sm:mt-0"
@ -407,7 +404,7 @@
{#if rawData?.length !== 0}
<div class="w-full m-auto mt-2">
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
@ -488,7 +485,9 @@
<td
class="text-end text-sm sm:text-[1rem] whitespace-nowrap text-white"
>
{item?.volume ? item?.volume?.toLocaleString("en-US") : 'n/a'}
{item?.volume
? item?.volume?.toLocaleString("en-US")
: "n/a"}
</td>
</tr>
{/each}

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

@ -58,7 +58,7 @@
>
<main class="w-full lg:w-3/4 lg:pr-10">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -49,7 +49,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -49,7 +49,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

6
src/routes/index/[tickerID]/options/hottest-contracts/+page.svelte
View File

@ -565,7 +565,7 @@
>
Hottest Contracts (Highest Volume)
</h2>
<div class="w-full overflow-x-scroll text-white">
<div class="w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto mt-4 overflow-x-auto"
>
@ -679,7 +679,7 @@
>
Highest OI Contracts
</h2>
<div class="w-full overflow-x-scroll text-white">
<div class="w-full overflow-x-auto text-white">
<table
class="w-full table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md m-auto mt-4 overflow-x-auto"
>
@ -920,7 +920,7 @@
<div
bind:this={container}
on:scroll={getScroll}
class="h-full max-h-[500px] overflow-y-scroll overflow-x-auto"
class="h-full max-h-[500px] overflow-y-auto overflow-x-auto"
>
<div class="flex justify-start items-center m-auto cursor-normal">
{#if isLoaded}

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

@ -47,7 +47,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -49,7 +49,7 @@
</h1>
</div>
<nav class="border-b-[2px] overflow-x-scroll whitespace-nowrap mb-5">
<nav class="border-b-[2px] overflow-x-auto whitespace-nowrap mb-5">
<ul
class="flex flex-row items-center w-full text-[1rem] sm:text-lg text-white"
>

2
src/routes/industry/all/+page.svelte
View File

@ -101,7 +101,7 @@
<!-- Page wrapper -->
<div class="flex justify-center w-full m-auto h-full overflow-hidden">
<!-- Content area -->
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table rounded-none sm:rounded-md w-full m-auto bg-table border border-gray-800 mt-4"
>

2
src/routes/industry/sectors/+page.svelte
View File

@ -100,7 +100,7 @@
<!-- Page wrapper -->
<div class="flex justify-center w-full m-auto h-full overflow-hidden">
<!-- Content area -->
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table rounded-none sm:rounded-md w-full m-auto bg-table border border-gray-800 mt-4"
>

2
src/routes/insider-tracker/+page.svelte
View File

@ -217,7 +217,7 @@
<div class="w-full m-auto mt-20 sm:mt-10">
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto sm:overflow-hidden"
>
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"

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

@ -71,7 +71,7 @@
{activeIdx === 0 ? "Recent IPOs" : "IPO News"}
</h1>
<nav class=" border-b-[2px] overflow-x-scroll whitespace-nowrap">
<nav class=" border-b-[2px] overflow-x-auto whitespace-nowrap">
<ul class="flex flex-row items-center w-full text-lg text-white">
{#each tabs as item, i}
<a
@ -87,7 +87,7 @@
</nav>
{#if activeIdx === 0}
<nav class=" overflow-x-scroll whitespace-nowrap">
<nav class=" overflow-x-auto whitespace-nowrap">
<ul
class="flex flex-row items-center w-full text-[1rem] text-white"
>

2
src/routes/ipos/+page.svelte
View File

@ -47,7 +47,7 @@
class="relative flex justify-center items-start overflow-hidden w-full"
>
<main class="w-full lg:w-3/4 lg:pr-10">
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<Table
{data}
{rawData}

2
src/routes/ipos/[slug]/+page.svelte
View File

@ -64,7 +64,7 @@
>
{rawData?.length} IPOs
</h2>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="mt-5 table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto overflow-hidden"
>

2
src/routes/list/bitcoin-etfs/+page.svelte
View File

@ -158,7 +158,7 @@
<!-- Page wrapper -->
<div class="flex justify-center w-full m-auto h-full overflow-hidden">
<!-- Content area -->
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

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

@ -46,7 +46,7 @@
{activeIdx === 0 ? "Market Flow" : "Sector Flow"}
</h1>
<nav class=" border-b-[2px] overflow-x-scroll whitespace-nowrap">
<nav class=" border-b-[2px] overflow-x-auto whitespace-nowrap">
<ul class="flex flex-row items-center w-full text-lg text-white">
{#each tabs as item, i}
<a

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

@ -543,7 +543,7 @@
</div>
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md text-white w-full bg-table border border-gray-800 m-auto"
@ -647,7 +647,7 @@
</div>
</div>
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md text-white w-full bg-table border border-gray-800 m-auto"

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

@ -653,7 +653,7 @@
</div>
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md text-white w-full bg-table border border-gray-800 m-auto"
@ -758,7 +758,7 @@
</div>
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md text-white w-full bg-table border border-gray-800 m-auto"

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

@ -64,7 +64,7 @@
Market Mover
</h1>
<nav class="border-b-[2px] overflow-x-scroll whitespace-nowrap">
<nav class="border-b-[2px] overflow-x-auto whitespace-nowrap">
<ul
class="flex flex-row items-center w-full text-[1rem] sm:text-lg text-white"
>

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

@ -48,7 +48,7 @@
<main class="w-full">
<!--Start Top Winners/active-->
<nav class=" pt-1 overflow-x-scroll whitespace-nowrap">
<nav class=" pt-1 overflow-x-auto whitespace-nowrap">
<ul
class="flex flex-row items-center w-full text-sm sm:text-[1rem] text-white"
>

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

@ -30,7 +30,7 @@
<main class="w-full">
<!--Start Top Winners/Losers-->
<nav class=" pt-1 overflow-x-scroll whitespace-nowrap">
<nav class=" pt-1 overflow-x-auto whitespace-nowrap">
<ul
class="flex flex-row items-center w-full text-sm sm:text-[1rem] text-white"
>

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

@ -48,7 +48,7 @@
<main class="w-full">
<!--Start Top Winners/Losers-->
<nav class=" pt-1 overflow-x-scroll whitespace-nowrap">
<nav class=" pt-1 overflow-x-auto whitespace-nowrap">
<ul
class="flex flex-row items-center w-full text-sm sm:text-[1rem] text-white"
>

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

@ -48,7 +48,7 @@
<main class="w-full">
<!--Start Top Winners/Losers-->
<nav class=" pt-1 overflow-x-scroll whitespace-nowrap">
<nav class=" pt-1 overflow-x-auto whitespace-nowrap">
<ul
class="flex flex-row items-center w-full text-sm sm:text-[1rem] text-white"
>

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

@ -30,7 +30,7 @@
<main class="w-full">
<!--Start Top Winners/Losers-->
<nav class=" pt-1 overflow-x-scroll whitespace-nowrap">
<nav class=" pt-1 overflow-x-auto whitespace-nowrap">
<ul
class="flex flex-row items-center w-full text-sm sm:text-[1rem] text-white"
>

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

@ -31,12 +31,6 @@
}
</script>
<!-- HEADER FOR BETTER SEO -->
<svelte:head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
</svelte:head>
<section
class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3"
>
@ -61,7 +55,7 @@
: "Press Releases"}
</h1>
<nav class=" border-b-[2px] overflow-x-scroll whitespace-nowrap">
<nav class=" border-b-[2px] overflow-x-auto whitespace-nowrap">
<ul class="flex flex-row items-center w-full text-lg text-white">
{#each tabs as item, i}
<a

2
src/routes/options-flow/+page.svelte
View File

@ -856,7 +856,7 @@
>
Options Live flow of {data?.user?.tier === "Pro" && selectedDate
? df.format(selectedDate?.toDate())
: nyseDate} (NYSE Time)
: formattedNyseDate} (NYSE Time)
</div>
{/if}

2
src/routes/politicians/[slug]/+page.svelte
View File

@ -267,7 +267,7 @@
<h3 class="text-xl text-white font-bold mt-10">Trading History</h3>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class=" table table-sm table-compact rounded-none sm:rounded-md w-full bg-default m-auto mt-5 border border-gray-800"
>

2
src/routes/politicians/flow-data/+page.svelte
View File

@ -101,7 +101,7 @@
<main class="w-full">
<div class="w-full m-auto mt-4">
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto sm:overflow-hidden"
>
<table
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-default border border-gray-800 m-auto"

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

@ -416,7 +416,7 @@
<!--Start Table-->
{#if priceAlertList?.length > 0}
<div
class="w-full rounded-md overflow-hidden overflow-x-scroll no-scrollbar"
class="w-full rounded-md overflow-hidden overflow-x-auto no-scrollbar"
>
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"

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

@ -257,9 +257,7 @@
}
</script>
<SEO
<SEO
title="Reddit Stock Tracker - WSB Analytics & Insights"
description="Track WallStreetBets stock discussions and trends in real-time. Get detailed analytics, sentiment analysis, and trading insights from Reddit's largest stock community."
/>
@ -356,7 +354,7 @@
class="mt-10 grid gap-4 md:gap-8 grid-cols-1 text-start text-white"
>
<Lazy>
<div class="order-1 overflow-x-scroll h-full mt-5 sm:mt-0">
<div class="order-1 overflow-x-auto h-full mt-5 sm:mt-0">
<div class="flex flex-row items-center">
<div class="flex flex-col items-start w-full">
<div class="flex flex-row w-full items-center">
@ -521,7 +519,7 @@
</nav>
</Card.Header>
<Card.Content class="grid gap-y-4">
<Table.Root class="overflow-x-scroll w-full">
<Table.Root class="overflow-x-auto w-full">
<Table.Header>
<Table.Row>
<Table.Head class="text-white text-sm font-semibold"

8
src/routes/stock-screener/+page.svelte
View File

@ -3344,7 +3344,7 @@ const handleKeyDown = (event) => {
{#if isLoaded}
{#if filteredData?.length !== 0}
{#if displayTableTab === "general"}
<div class="w-full rounded-md overflow-x-scroll">
<div class="w-full rounded-md overflow-x-auto">
<table
class="table table-sm table-compact w-full bg-table border border-gray-800"
>
@ -3411,7 +3411,7 @@ const handleKeyDown = (event) => {
</table>
</div>
{:else if displayTableTab === "filters"}
<div class="w-full rounded-md overflow-x-scroll">
<div class="w-full rounded-md overflow-x-auto">
<table
class="table table-sm table-compact w-full bg-table border border-gray-800"
>
@ -3459,7 +3459,7 @@ const handleKeyDown = (event) => {
</table>
</div>
{:else if displayTableTab === "performance"}
<div class="w-full rounded-md overflow-x-scroll">
<div class="w-full rounded-md overflow-x-auto">
<table
class="table table-sm table-compact w-full bg-table border border-gray-800"
>
@ -3513,7 +3513,7 @@ const handleKeyDown = (event) => {
</table>
</div>
{:else if displayTableTab === "analysts"}
<div class="w-full rounded-md overflow-x-scroll">
<div class="w-full rounded-md overflow-x-auto">
<table
class="table table-sm table-compact w-full bg-table border border-gray-800"
>

2
src/routes/stocks/[tickerID]/dividends/+page.svelte
View File

@ -185,7 +185,7 @@
{#if rawData?.history?.length !== 0}
<div
class="overflow-x-scroll no-scrollbar flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4"
class="overflow-x-auto no-scrollbar flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4"
>
<table
class="table table-sm table-compact bg-table border border-gray-800 flex justify-start items-center w-full m-auto"

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

@ -54,7 +54,7 @@
<main class="w-full">
<div class="m-auto">
<nav
class="sm:ml-4 pt-1 overflow-x-scroll md:overflow-hidden text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 pt-1 overflow-x-auto md:overflow-hidden text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

2
src/routes/stocks/[tickerID]/financials/+page.svelte
View File

@ -510,7 +510,7 @@
</div>
{:else}
<div
class="w-full rounded-none sm:rounded-md m-auto overflow-x-auto"
class="w-full rounded-none sm:rounded-md m-auto overflow-x-auto no-scrollbar"
>
<table
class="table table-sm bg-table border border-gray-800 table-compact w-full"

2
src/routes/stocks/[tickerID]/financials/balance-sheet/+page.svelte
View File

@ -545,7 +545,7 @@
</div>
{:else}
<div
class="w-full rounded-none sm:rounded-md m-auto overflow-x-auto"
class="w-full rounded-none sm:rounded-md m-auto overflow-x-auto no-scrollbar"
>
<table
class="table table-sm bg-table border border-gray-800 table-compact w-full"

2
src/routes/stocks/[tickerID]/financials/cash-flow/+page.svelte
View File

@ -507,7 +507,7 @@
</div>
{:else}
<div
class="w-full rounded-none sm:rounded-md m-auto overflow-x-auto"
class="w-full rounded-none sm:rounded-md m-auto overflow-x-auto no-scrollbar"
>
<table
class="table table-sm bg-table border border-gray-800 table-compact w-full"

2
src/routes/stocks/[tickerID]/financials/ratios/+page.svelte
View File

@ -496,7 +496,7 @@
</div>
{:else}
<div
class="w-full rounded-none sm:rounded-md m-auto overflow-x-auto"
class="w-full rounded-none sm:rounded-md m-auto overflow-x-auto no-scrollbar"
>
<table
class="table table-sm bg-table border border-gray-800 table-compact w-full"

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

@ -58,7 +58,7 @@
<main class="w-full mb-4 sm:mb-0">
<div class="m-auto">
<nav
class="sm:ml-4 pt-1 overflow-x-scroll text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 pt-1 overflow-x-auto text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

2
src/routes/stocks/[tickerID]/forecast/analyst/+page.svelte
View File

@ -340,7 +340,7 @@
</div>
</div>
<div class=" w-full m-auto mb-4 overflow-x-scroll lg:overflow-hidden">
<div class=" w-full m-auto mb-4 overflow-x-auto lg:overflow-hidden">
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
>

4
src/routes/stocks/[tickerID]/history/+page.svelte
View File

@ -269,8 +269,6 @@
}
</script>
<SEO
title={`${$displayCompanyName} (${$stockTicker}) Stock Price History · Stocknear`}
description={`Get a complete stock price history for ${$displayCompanyName} (${$stockTicker}), starting from its first trading day. Includes open, high, low, close and volume.`}
@ -405,7 +403,7 @@
{#if rawData?.length !== 0}
<div class="w-full m-auto mt-2">
<div
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"

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

@ -79,7 +79,7 @@
>
<main class="w-full lg:w-3/4 lg:pr-10">
<nav
class="mb-5 sm:mb-0 sm:ml-4 pt-1 overflow-x-scroll md:overflow-hidden text-sm sm:text-[1rem] whitespace-nowrap"
class="mb-5 sm:mb-0 sm:ml-4 pt-1 overflow-x-auto md:overflow-hidden text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

4
src/routes/stocks/[tickerID]/insider/+page.svelte
View File

@ -12,7 +12,6 @@
import TableHeader from "$lib/components/Table/TableHeader.svelte";
import SEO from "$lib/components/SEO.svelte";
export let data;
let isLoaded = true;
@ -214,7 +213,6 @@
}
</script>
<SEO
title={`${$displayCompanyName} (${$stockTicker}) US Congress & Senate Trading · Stocknear`}
description={`Get the latest US congress & senate trading of ${$displayCompanyName} (${$stockTicker}) from democrates and republicans.`}
@ -547,7 +545,7 @@
{/if}
<div
class="flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll no-scrollbar"
class="flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto no-scrollbar"
>
<table
class="table table-sm table-pin-rows table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"

3
src/routes/stocks/[tickerID]/insider/congress-trading/+page.svelte
View File

@ -179,7 +179,6 @@
};
</script>
<SEO
title={`${$displayCompanyName} (${$stockTicker}) US Congress & Senate Trading · Stocknear`}
description={`Get the latest US congress & senate trading of ${$displayCompanyName} (${$stockTicker}) from democrates and republicans.`}
@ -331,7 +330,7 @@
<!--End Widget-->
<div
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll"
class="mt-6 flex justify-start items-center w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-auto"
>
<table
class="table table-sm sm:table-md table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"

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

@ -61,7 +61,7 @@
<div class="m-auto">
{#if names?.length > 0}
<nav
class="sm:ml-4 pt-1 overflow-x-scroll text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 pt-1 overflow-x-auto text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
{#each subsectionTitles as title}

47
src/routes/stocks/[tickerID]/metrics/+page.svelte
View File

@ -1,11 +1,8 @@
<script lang="ts">
import {
numberOfUnreadNotification,
displayCompanyName,
stockTicker,
} from "$lib/store";
import { displayCompanyName, stockTicker } from "$lib/store";
import { abbreviateNumber } from "$lib/utils";
import Infobox from "$lib/components/Infobox.svelte";
import SEO from "$lib/components/SEO.svelte";
export let data;
@ -70,36 +67,10 @@
}
</script>
<svelte:head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
{$displayCompanyName} ({$stockTicker}) Business Metric Overview · Stocknear
</title>
<meta
name="description"
content={`View unique business metrics for ${displayCompanyName} (${$stockTicker}) stock, including revenue breakdown, operating income, revenue by geography.`}
/>
<meta
property="og:title"
content={`${$displayCompanyName} (${$stockTicker}) Business Metric Overview · Stocknear`}
/>
<meta
property="og:description"
content={`View unique business metrics for ${displayCompanyName} (${$stockTicker}) stock, including revenue breakdown, operating income, revenue by geography.`}
/>
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content={`${$displayCompanyName} (${$stockTicker}) Business Metric Overview · Stocknear`}
/>
<meta
name="twitter:description"
content={`View unique business metrics for ${displayCompanyName} (${$stockTicker}) stock, including revenue breakdown, operating income, revenue by geography.`}
/>
</svelte:head>
<SEO
title={`${$displayCompanyName} (${$stockTicker}) Business Metric Overview`}
description={`View unique business metrics for ${displayCompanyName} (${$stockTicker}) stock, including revenue breakdown, operating income, revenue by geography.`}
/>
<section class="bg-default overflow-hidden text-white min-h-screen w-full">
<div class="flex justify-center m-auto h-full overflow-hidden w-full">
@ -113,7 +84,7 @@
</h2>
<div
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"
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-auto pr-5 sm:pr-0"
>
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"
@ -191,7 +162,7 @@
</h2>
<div
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"
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-auto pr-5 sm:pr-0"
>
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"
@ -268,7 +239,7 @@
</h2>
<div
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"
class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-auto pr-5 sm:pr-0"
>
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800"

2
src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte
View File

@ -216,7 +216,7 @@
History
</h2>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>

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

@ -60,7 +60,7 @@
>
<main class="w-full lg:w-3/4 lg:pr-10">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -51,7 +51,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -52,7 +52,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -49,7 +49,7 @@
>
<main class="w-full">
<nav
class="sm:ml-4 overflow-x-scroll pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 overflow-x-auto pt-1 text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

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

@ -40,7 +40,7 @@
<main class="w-full">
<div class="m-auto">
<nav
class="sm:ml-4 pt-1 overflow-x-scroll text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 pt-1 overflow-x-auto text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

2
src/routes/stocks/[tickerID]/profile/employees/+page.svelte
View File

@ -514,7 +514,7 @@
Employees History
</h3>
<div class="mt-5 w-full overflow-x-scroll">
<div class="mt-5 w-full overflow-x-auto">
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto"
>

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

@ -46,7 +46,7 @@
<main class="w-full">
<div class="m-auto">
<nav
class="sm:ml-4 pt-1 overflow-x-scroll text-sm sm:text-[1rem] whitespace-nowrap"
class="sm:ml-4 pt-1 overflow-x-auto text-sm sm:text-[1rem] whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-white">
<a

2
src/routes/stocks/[tickerID]/statistics/market-cap/+page.svelte
View File

@ -708,7 +708,7 @@
</div>
</div>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md w-full m-auto mt-4"
>

2
src/routes/stocks/[tickerID]/statistics/revenue/+page.svelte
View File

@ -425,7 +425,7 @@
</div>
</div>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table table-sm table-compact bg-table border border-gray-800 rounded-none sm:rounded-md w-full m-auto mt-4"
>

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

@ -51,7 +51,7 @@
Watchlist
</h1>
<nav class=" border-b-[2px] overflow-x-scroll whitespace-nowrap">
<nav class=" border-b-[2px] overflow-x-auto whitespace-nowrap">
<ul
class="flex flex-row items-center w-full text-[1rem] sm:text-lg text-white"
>

2
src/routes/watchlist/options/+page.svelte
View File

@ -200,7 +200,7 @@
<!--Start Table-->
<div
class="w-full rounded-md overflow-hidden overflow-x-scroll no-scrollbar"
class="w-full rounded-md overflow-hidden overflow-x-auto no-scrollbar"
>
<table
class="table table-pin-cols table-sm table-compact rounded-none sm:rounded-md w-full bg-table m-auto mt-4 overflow-x-auto"

2
src/routes/watchlist/stocks/+page.svelte
View File

@ -1536,7 +1536,7 @@
{watchList?.length} Stocks
</h2>
<div class="w-full overflow-x-scroll">
<div class="w-full overflow-x-auto">
<table
class="table table-sm table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto mt-4"
>