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:15:30 +01:00
parent 06e77fded7
commit 46d0c44a3d
14 changed files with 35 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -155,7 +155,7 @@
<tbody>
{#each stockList as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 border-b border-gray-800 odd:bg-odd {index +
1 ===
rawData?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]'

9
src/lib/components/DownloadData.svelte
View File

@ -18,7 +18,6 @@
row["name"] = row["name"].replace(/,/g, "");
}
});
console.log(rawData);
// Dynamically get the headers from the keys of the first object in rawData
let headers = Object.keys(rawData[0]);
@ -55,17 +54,15 @@
<Button
on:click={() => exportData("csv")}
class="ml-2 w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
class="w-full border-gray-600 border bg-default sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2 text-white rounded-md truncate"
>
<span class="truncate text-white">Download</span>
<svg
class="{data?.user?.tier === 'Pro'
? 'hidden'
: ''} ml-1 -mt-0.5 w-3.5 h-3.5"
class="{data?.user?.tier === 'Pro' ? 'hidden' : ''} ml-1 mt-0.5 w-3.5 h-3.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
><path
fill="#A3A3A3"
fill="#fff"
d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
/></svg
>

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

@ -420,7 +420,7 @@
<tbody>
{#each stockList as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 border-b border-gray-800 odd:bg-odd {index +
1 ===
rawData?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]'

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

@ -416,7 +416,7 @@
<tbody>
{#each stockList as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 border-b border-gray-800 odd:bg-odd {index +
1 ===
rawData?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]'

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

@ -228,7 +228,7 @@
<tbody>
{#each stockList as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-[#27272A] sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 odd:bg-odd {index +
1 ===
stockList?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]'

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

@ -558,7 +558,7 @@
<tbody>
{#each displayPosTickers as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 border-b border-gray-800 odd:bg-odd {index +
1 ===
originalPosTickers?.length &&
data?.user?.tier !== 'Pro'
@ -662,7 +662,7 @@
<tbody>
{#each displayNegTickers as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 border-b border-gray-800 odd:bg-odd {index +
1 ===
originalNegTickers?.length &&
data?.user?.tier !== 'Pro'

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

@ -668,7 +668,7 @@
<tbody>
{#each displayPosTickers as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 border-b border-gray-800 odd:bg-odd {index +
1 ===
originalPosTickers?.length &&
data?.user?.tier !== 'Pro'
@ -773,7 +773,7 @@
<tbody>
{#each displayNegTickers as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 border-b border-gray-800 odd:bg-odd {index +
1 ===
originalNegTickers?.length &&
data?.user?.tier !== 'Pro'

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

@ -57,7 +57,7 @@
{#if !data?.user}
<a
href="/register"
class="mt-10 btn bg-[#fff] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-black font-semibold text-[1rem]"
class="mt-10 btn btn-lg w-full text-center bg-[#fff] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 w-full rounded-md m-auto text-black font-semibold text-[1rem]"
>
<span class="text-[1rem] sm:text-lg">Sign Up for Free</span>
</a>

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

@ -761,7 +761,7 @@
<div class="order-4 shrink-0 lg:float-right lg:w-[336px]">
<div
class="w-full text-white border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit sm:hover:bg-secondary transition ease-out duration-100"
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit sm:hover:bg-secondary transition ease-out duration-100"
>
<a
href={`/newsletter`}
@ -780,7 +780,7 @@
</div>
<div
class="w-full text-white border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit sm:hover:bg-secondary transition ease-out duration-100"
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit sm:hover:bg-secondary transition ease-out duration-100"
>
<a
href={"/stock-screener"}
@ -797,7 +797,7 @@
</a>
</div>
<div
class="w-full text-white border border-gray-800 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit sm:hover:bg-secondary transition ease-out duration-100"
class="w-full text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit sm:hover:bg-secondary transition ease-out duration-100"
>
<a
href={"/watchlist/stocks"}

8
src/routes/profile/+page.svelte
View File

@ -611,7 +611,7 @@
<dialog id="cancelSubscriptionModal" class="modal modal-bottom sm:modal-middle">
<label
for="cancelSubscriptionModal"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
class="cursor-pointer modal-backdrop bg-[#000]/40"
></label>
<!-- Desktop modal content -->
@ -666,7 +666,7 @@
>
<label
for="reactivateSubscriptionModal"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
class="cursor-pointer modal-backdrop bg-[#000]/40"
></label>
<!-- Desktop modal content -->
@ -718,7 +718,7 @@
<dialog id="changeSubscriptionModal" class="modal modal-bottom sm:modal-middle">
<label
for="changeSubscriptionModal"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
class="cursor-pointer modal-backdrop bg-[#000]/40"
></label>
<!-- Desktop modal content -->
@ -769,7 +769,7 @@
<dialog id="errorSubscriptionModal" class="modal modal-bottom sm:modal-middle">
<label
for="errorSubscriptionModal"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
class="cursor-pointer modal-backdrop bg-[#000]/40"
></label>
<!-- Desktop modal content -->

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

@ -1,7 +1,5 @@
<svelte:options immutable={true} />
<script lang="ts">
import { numberOfUnreadNotification, screenWidth } from "$lib/store";
import { screenWidth } from "$lib/store";
import { onMount } from "svelte";
import * as Card from "$lib/components/shadcn/card/index.ts";
import * as Table from "$lib/components/shadcn/table/index.ts";
@ -508,7 +506,7 @@
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
><path
fill="#A3A3A3"
fill="currentColor"
d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
/></svg
>

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

@ -2545,7 +2545,7 @@ const handleKeyDown = (event) => {
<svelte:window on:scroll={handleScroll} />
<section
class="w-full max-w-3xl sm:max-w-(--breakpoint-xl) overflow-hidden min-h-screen pt-5 pb-40 px-5"
class="w-full max-w-3xl sm:max-w-(--breakpoint-xl) overflow-hidden min-h-screen pb-40 px-5"
>
<div class="text-sm sm:text-[1rem] breadcrumbs">
<ul>
@ -2555,7 +2555,7 @@ const handleKeyDown = (event) => {
</div>
<!--Start Build Strategy-->
<div class="mt-5 sm:rounded-md">
<div class="sm:rounded-md">
<div class="flex flex-col md:flex-row items-start md:items-center mb-5">
<div class="w-full flex flex-row items-center sm:mt-4">
<h1 class="text-white text-3xl font-semibold">Stock Screener</h1>
@ -3278,7 +3278,7 @@ const handleKeyDown = (event) => {
<li>
<button
on:click={() => (displayTableTab = "general")}
class="text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-hidden sm:hover:bg-primary {displayTableTab ===
class="cursor-pointer text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-hidden sm:hover:bg-primary {displayTableTab ===
'general'
? 'font-semibold bg-primary'
: ''}"
@ -3309,7 +3309,7 @@ const handleKeyDown = (event) => {
<li>
<button
on:click={() => changeTab("performance")}
class="text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-hidden sm:hover:bg-primary {displayTableTab ===
class="cursor-pointer text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-hidden sm:hover:bg-primary {displayTableTab ===
'performance'
? 'font-semibold bg-primary'
: ''}"
@ -3320,7 +3320,7 @@ const handleKeyDown = (event) => {
<li>
<button
on:click={() => changeTab("analysts")}
class="text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-hidden sm:hover:bg-primary {displayTableTab ===
class="cursor-pointer text-[1rem] sm:text-lg block text-white rounded-md px-2 py-1 focus:outline-hidden sm:hover:bg-primary {displayTableTab ===
'analysts'
? 'font-semibold bg-primary'
: ''}"
@ -3775,12 +3775,10 @@ const handleKeyDown = (event) => {
<input type="checkbox" id="addStrategy" class="modal-toggle" />
<dialog id="addStrategy" class="modal modal-bottom sm:modal-middle">
<label
for="addStrategy"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
<label for="addStrategy" class="cursor-pointer modal-backdrop bg-[#000]/40"
></label>
<div class="modal-box w-full bg-primary border border-gray-600">
<div class="modal-box w-full bg-secondary border border-gray-600">
<h1 class="text-white text-2xl font-bold">New Strategy</h1>
<form
@ -3798,7 +3796,7 @@ const handleKeyDown = (event) => {
<button
type="submit"
class="mt-10 btn bg-[#fff] sm:hover:bg-gray-300 duration-100 btn-md w-full rounded-md m-auto text-black font-semibold text-md"
class="cursor-pointer mt-2 py-2.5 bg-[#fff] sm:hover:bg-gray-300 duration-100 w-full rounded-md m-auto text-black font-semibold text-md"
>
Create Strategy
</button>
@ -3812,13 +3810,11 @@ const handleKeyDown = (event) => {
<input type="checkbox" id="deleteStrategy" class="modal-toggle" />
<dialog id="deleteStrategy" class="modal modal-bottom sm:modal-middle">
<label
for="deleteStrategy"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
<label for="deleteStrategy" class="cursor-pointer modal-backdrop bg-[#000]/40"
></label>
<div
class="modal-box w-full bg-primary border border-gray-600 overflow-hidden"
class="modal-box w-full bg-secondary border border-gray-600 overflow-hidden"
>
<h3
class="font-bold text-md sm:text-lg flex justify-center items-center mt-10 text-white"
@ -3832,7 +3828,7 @@ const handleKeyDown = (event) => {
<label
for="deleteStrategy"
on:click={handleDeleteStrategy}
class="mt-5 btn bg-[#fff] sm:hover:bg-gray-300 btn-md w-full rounded-md m-auto text-black font-semibold text-md"
class="cursor-pointer py-2.5 text-center bg-[#fff] sm:hover:bg-gray-300 w-full rounded-md m-auto text-black font-semibold text-md"
>
Proceed
</label>

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

@ -415,7 +415,7 @@
<tbody>
{#each stockList as item, index}
<tr
class="sm:hover:bg-[#245073] border-b border-gray-800 sm:hover:bg-opacity-[0.2] odd:bg-odd {index +
class="sm:hover:bg-[#245073]/10 border-b border-gray-800 odd:bg-odd {index +
1 ===
rawData?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]'

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

@ -1909,9 +1909,7 @@
<dialog id="addWatchlist" class="modal modal-bottom sm:modal-middle">
<!-- Modal backdrop for desktop -->
<label
for="addWatchlist"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
<label for="addWatchlist" class="cursor-pointer modal-backdrop bg-[#000]/40"
></label>
<!-- Desktop modal content -->
@ -1951,7 +1949,7 @@
<dialog id="deleteWatchlist" class="modal modal-bottom sm:modal-middle">
<label
for="deleteWatchlist"
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.5]"
class="cursor-pointer modal-backdrop bg-[#000]/40"
></label>
<div