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 2024-12-24 18:15:55 +01:00
parent a21eab3cfb
commit d41c92b8b4
3 changed files with 21 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -100,7 +100,7 @@
></label> ></label>
<div <div
class="modal-box rounded-md w-full bg-[#1E222D] border border-gray-600 min-h-fit h-[600px] sm:h-[500px]" class="modal-box rounded-md w-full bg-secondary border border-gray-600 min-h-fit h-[600px] sm:h-[500px]"
> >
<!--Start Trade Modal--> <!--Start Trade Modal-->
<label <label

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

@ -760,10 +760,10 @@
class="cursor-pointer modal-backdrop" class="cursor-pointer modal-backdrop"
></label> ></label>
<div class="modal-box rounded-md w-full bg-[#1E222D] border border-gray-600"> <div class="modal-box rounded-md w-full bg-secondary border border-gray-600">
<label <label
for="addWatchListModal" for="addWatchListModal"
class="cursor-pointer bg-[#1E222D] absolute right-5 top-2 text-[1rem] sm:text-[1.8rem] text-white" class="cursor-pointer bg-secondary absolute right-5 top-2 text-[1rem] sm:text-[1.5rem] text-white"
> >
✕ ✕
</label> </label>
@ -771,18 +771,18 @@
<div class="text-white"> <div class="text-white">
<h3 class="font-semibold text-lg sm:text-xl mb-10">Add to Watchlist</h3> <h3 class="font-semibold text-lg sm:text-xl mb-10">Add to Watchlist</h3>
<div class="flex flex-col items-center w-full max-w-3xl bg-[#1E222D]"> <div class="flex flex-col items-center w-full max-w-3xl bg-secondary">
{#each userWatchList as item} {#each userWatchList as item}
<label <label
on:click|stopPropagation={() => toggleUserWatchlist(item?.id)} on:click|stopPropagation={() => toggleUserWatchlist(item?.id)}
class="cursor-pointer w-full flex flex-row justify-start items-center mb-5" class="cursor-pointer w-full flex flex-row justify-start items-center mb-5"
> >
<div <div
class="flex flex-row items-center w-full bg-[#2A2E39] p-3 rounded-md {item?.ticker?.includes( class="flex flex-row items-center w-full p-3 border rounded-md {item?.ticker?.includes(
$etfTicker, $etfTicker,
) )
? 'border border-gray-400' ? 'border border-gray-400'
: ''}" : 'border-gray-600'}"
> >
<div class="flex flex-col items-center w-full"> <div class="flex flex-col items-center w-full">
<span class="ml-1 text-white font-medium mr-auto"> <span class="ml-1 text-white font-medium mr-auto">
@ -794,9 +794,7 @@
</span> </span>
</div> </div>
<div <div class="rounded-full w-8 h-8 relative border border-gray-600">
class="rounded-full w-8 h-8 relative border border-[#737373]"
>
{#if item?.ticker?.includes($etfTicker)} {#if item?.ticker?.includes($etfTicker)}
<svg <svg
class="w-full h-full rounded-full" class="w-full h-full rounded-full"

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

@ -899,15 +899,15 @@
>Statistics</a >Statistics</a
> >
<a <a
href={`/stocks/${$stockTicker}/metrics`} href={`/stocks/${$stockTicker}/metrics`}
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-primary sm:hover:bg-opacity-[0.95] font-semibold' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95] 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 sm:hover:bg-opacity-[0.95]'}"
>Metrics</a >Metrics</a
> >
{#if Object?.keys(data?.getAnalystRating ?? {})?.length > 0} {#if Object?.keys(data?.getAnalystRating ?? {})?.length > 0}
<a <a
@ -1000,10 +1000,10 @@
class="cursor-pointer modal-backdrop" class="cursor-pointer modal-backdrop"
></label> ></label>
<div class="modal-box rounded-md w-full bg-[#1E222D] border border-gray-600"> <div class="modal-box rounded-md w-full bg-secondary border border-gray-600">
<label <label
for="addWatchListModal" for="addWatchListModal"
class="cursor-pointer bg-[#1E222D] absolute right-5 top-2 text-[1rem] sm:text-[1.8rem] text-white" class="cursor-pointer bg-secondary absolute right-5 top-2 text-[1rem] sm:text-[1.5rem] text-white"
> >
✕ ✕
</label> </label>
@ -1011,18 +1011,18 @@
<div class="text-white"> <div class="text-white">
<h3 class="font-semibold text-lg sm:text-xl mb-10">Add to Watchlist</h3> <h3 class="font-semibold text-lg sm:text-xl mb-10">Add to Watchlist</h3>
<div class="flex flex-col items-center w-full max-w-3xl bg-[#1E222D]"> <div class="flex flex-col items-center w-full max-w-3xl bg-secondary">
{#each userWatchList as item} {#each userWatchList as item}
<label <label
on:click|stopPropagation={() => toggleUserWatchlist(item?.id)} on:click|stopPropagation={() => toggleUserWatchlist(item?.id)}
class="cursor-pointer w-full flex flex-row justify-start items-center mb-5" class="cursor-pointer w-full flex flex-row justify-start items-center mb-5"
> >
<div <div
class="flex flex-row items-center w-full bg-[#2A2E39] p-3 rounded-md {item?.ticker?.includes( class="flex flex-row items-center w-full border p-3 rounded-md {item?.ticker?.includes(
$stockTicker, $stockTicker,
) )
? 'border border-gray-400' ? 'border border-gray-400'
: ''}" : 'border-gray-600'}"
> >
<div class="flex flex-col items-center w-full"> <div class="flex flex-col items-center w-full">
<span class="ml-1 text-white font-medium mr-auto"> <span class="ml-1 text-white font-medium mr-auto">