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-12 21:07:29 +01:00
parent d1fb438b1a
commit e2987da793
18 changed files with 66 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/Cookie.svelte
View File

@ -53,7 +53,7 @@
<label
for="cookieConsent"
on:click={() => cookieConsent("false")}
class="cursor-pointer w-auto text-sm text-gray-800 underline transition-colors duration-300 md:w-auto text-white hover:text-gray-400 focus:outline-hidden"
class="cursor-pointer w-auto text-sm text-gray-800 underline duration-300 md:w-auto text-white hover:text-gray-400 focus:outline-hidden"
>
Reject All
</label>
@ -61,7 +61,7 @@
<label
for="cookieConsent"
on:click={() => cookieConsent("true")}
class="text-xs cursor-pointer w-auto md:w-auto bg-gray-800 rounded-md hover:bg-gray-700 text-white px-4 py-2.5 duration-300 transition-colors focus:outline-hidden"
class="text-xs cursor-pointer w-auto md:w-auto bg-gray-800 rounded-md hover:bg-gray-700 text-white px-4 py-2.5 duration-300 focus:outline-hidden"
>
Accept All Cookies
</label>

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

@ -308,7 +308,7 @@
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6"
>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Volume</span>
@ -325,7 +325,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Net Call Prem</span>
@ -342,7 +342,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Net Put Prem</span>

2
src/lib/components/shadcn/badge/index.ts
View File

@ -2,7 +2,7 @@ import { type VariantProps, tv } from "tailwind-variants";
export { default as Badge } from "./badge.svelte";
export const badgeVariants = tv({
base: "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
base: "inline-flex select-none items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
variants: {
variant: {
default:

2
src/lib/components/shadcn/button/index.ts
View File

@ -3,7 +3,7 @@ import type { Button as ButtonPrimitive } from "bits-ui";
import Root from "./button.svelte";
const buttonVariants = tv({
base: "cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
base: "cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
variants: {
variant: {
default: "bg-white dark:bg-default text-muted dark:text-white",

40
src/lib/components/shadcn/switch/switch.svelte
View File

@ -1,28 +1,28 @@
<script lang="ts">
import { Switch as SwitchPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
import { Switch as SwitchPrimitive } from "bits-ui";
import { cn } from "$lib/utils.js";
type $$Props = SwitchPrimitive.Props;
type $$Events = SwitchPrimitive.Events;
type $$Props = SwitchPrimitive.Props;
type $$Events = SwitchPrimitive.Events;
let className: $$Props["class"] = undefined;
export let checked: $$Props["checked"] = undefined;
export { className as class };
let className: $$Props["class"] = undefined;
export let checked: $$Props["checked"] = undefined;
export { className as class };
</script>
<SwitchPrimitive.Root
bind:checked
class={cn(
"focus-visible:ring-ring border border-gray-500 focus-visible:ring-offset-background data-[state=checked]:bg-purple-500 data-[state=unchecked]:bg-[#1D232A] peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
className
)}
{...$$restProps}
on:click
on:keydown
bind:checked
class={cn(
"focus-visible:ring-ring border border-gray-500 focus-visible:ring-offset-background data-[state=checked]:bg-purple-500 data-[state=unchecked]:bg-[#1D232A] peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
className,
)}
{...$$restProps}
on:click
on:keydown
>
<SwitchPrimitive.Thumb
class={cn(
"bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
)}
/>
<SwitchPrimitive.Thumb
class={cn(
"bg-background pointer-events-none block h-5 w-5 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
)}
/>
</SwitchPrimitive.Root>

2
src/lib/components/shadcn/table/table-row.svelte
View File

@ -12,7 +12,7 @@
<tr
class={cn(
"border-b border-gray-300 dark:border-gray-800 transition-colors data-[state=selected]:bg-muted",
"border-b border-gray-300 dark:border-gray-800 data-[state=selected]:bg-muted",
className,
)}
{...$$restProps}

18
src/routes/+layout.svelte
View File

@ -338,7 +338,7 @@
class="w-full flex flex-row items-center mr-auto mt-5"
>
<div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white md:h-8 md:w-8"
>
<Home class="h-5.5 w-5.5" />
</div>
@ -757,7 +757,7 @@
>
<div class="flex flex-row items-center mr-auto">
<div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors sm:hover:text-muted dark:text-white md:h-8 md:w-8"
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white sm:hover:text-muted dark:text-white md:h-8 md:w-8"
>
<Boxes class="h-5.5 w-5.5" />
</div>
@ -781,7 +781,7 @@
>
<div class="flex flex-row items-center mr-auto">
<div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors hover:text-muted dark:text-white md:h-8 md:w-8"
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white hover:text-muted dark:text-white md:h-8 md:w-8"
>
<Newspaper class="h-5.5 w-5.5" />
</div>
@ -803,7 +803,7 @@
>
<div class="flex flex-row items-center mr-auto">
<div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors hover:text-muted dark:text-white md:h-8 md:w-8"
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white hover:text-muted dark:text-white md:h-8 md:w-8"
>
<Gem class="h-5.5 w-5.5" />
</div>
@ -942,7 +942,7 @@
<a href="/" class="flex flex-row items-center ml-9 w-full">
<div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white md:h-8 md:w-8"
>
<Home class="h-5.5 w-5.5" />
</div>
@ -1202,7 +1202,7 @@
class="flex flex-row items-center ml-9 w-full mt-3"
>
<div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white md:h-8 md:w-8"
>
<Boxes class="h-5.5 w-5.5" />
</div>
@ -1214,7 +1214,7 @@
class="flex flex-row items-center ml-9 w-full mt-3"
>
<div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white md:h-8 md:w-8"
>
<Newspaper class="h-5.5 w-5.5" />
</div>
@ -1226,7 +1226,7 @@
class="flex flex-row items-center ml-9 w-full mt-3"
>
<div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white md:h-8 md:w-8"
>
<Gem class="h-5.5 w-5.5" />
</div>
@ -1245,7 +1245,7 @@
-->
<slot />
<ModeWatcher defaultMode="light"/>
<ModeWatcher defaultMode="light" disableTransitions={false}/>
<Toaster position="top-center" />
{#if Cookie && $showCookieConsent === true}
<Cookie />

4
src/routes/affiliate-program/+page.svelte
View File

@ -103,7 +103,7 @@
href="https://affiliates.lemonsqueezy.com/programs/stocknear"
rel="noopener noreferrer"
target="_blank"
class="text-white bg-[#3B82F6] sm:hover:bg-blue-700 transition-colors ease-out duration-50 px-5 py-3 text-lg font-semibold rounded-md"
class="text-white bg-[#3B82F6] sm:hover:bg-blue-700 ease-out duration-50 px-5 py-3 text-lg font-semibold rounded-md"
>
Become an affiliate
</a>
@ -423,7 +423,7 @@
href="https://affiliates.lemonsqueezy.com/programs/stocknear"
rel="noopener noreferrer"
target="_blank"
class="text-white bg-[#3B82F6] sm:hover:bg-blue-600 transition-colors ease-out duration-50 px-5 py-3 text-lg font-semibold rounded-md"
class="text-white bg-[#3B82F6] sm:hover:bg-blue-600 ease-out duration-50 px-5 py-3 text-lg font-semibold rounded-md"
>
Become an affiliate
</a>

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

@ -687,7 +687,7 @@
class="cursor-pointer focus:outline-none"
>
<span
class="block px-3 py-1 rounded transition-colors duration-100 ease-in-out
class="block px-3 py-1 rounded duration-100 ease-in-out
{displayData === interval
? 'bg-blue-50 text-blue-700 dark:bg-primary dark:text-white font-semibold'
: 'bg-transparent text-gray-600 dark:sm:hover:text-white sm:hover:bg-gray-100 dark:sm:hover:bg-primary'}"

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

@ -141,7 +141,7 @@
{#each displayList as item}
<a
href={`/hedge-funds/${item?.cik}`}
class="w-full cursor-pointer bg-gray-300 dark:bg-[#141417] sm:hover:bg-gray-400 dark:sm:hover:bg-[#000] transition-colors ease-in-out border dark:sm:hover:border-[#000] sm:hover:shadow-[#8C5F1B] border-gray-300 dark:border-gray-800 shadow-md rounded-md h-auto pb-4 pt-4 mb-7"
class="w-full cursor-pointer bg-gray-300 dark:bg-[#141417] sm:hover:bg-gray-400 dark:sm:hover:bg-[#000] ease-in-out border dark:sm:hover:border-[#000] sm:hover:shadow-[#8C5F1B] border-gray-300 dark:border-gray-800 shadow-md rounded-md h-auto pb-4 pt-4 mb-7"
>
<div class="flex flex-col relative">
<img

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

@ -469,7 +469,7 @@
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6"
>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div
class="dark:text-[#c3c6d0] text-sm mb-2 flex items-center"
@ -488,7 +488,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div
class="dark:text-[#c3c6d0] text-sm mb-2 flex items-center"
@ -507,7 +507,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div
class="dark:text-[#c3c6d0] text-sm mb-2 flex items-center"

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

@ -578,7 +578,7 @@
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6"
>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Volume</span>
@ -595,7 +595,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Net Call Prem</span>
@ -612,7 +612,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Net Put Prem</span>

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

@ -233,7 +233,7 @@
{#each displayList as item}
<a
href={`/politicians/${item?.id}`}
class="w-full cursor-pointer bg-gray-300 dark:bg-[#141417] sm:hover:bg-gray-400 dark:sm:hover:bg-[#000] transition-colors ease-in-out border dark:sm:hover:border-[#000] sm:hover:shadow-[#8C5F1B] border-gray-300 dark:border-gray-800 shadow-md rounded-md h-auto pb-4 pt-4 mb-7 {item?.party ===
class="w-full cursor-pointer bg-gray-300 dark:bg-[#141417] sm:hover:bg-gray-400 dark:sm:hover:bg-[#000] ease-in-out border dark:sm:hover:border-[#000] sm:hover:shadow-[#8C5F1B] border-gray-300 dark:border-gray-800 shadow-md rounded-md h-auto pb-4 pt-4 mb-7 {item?.party ===
'Republican'
? 'sm:hover:shadow-[#80000D]'
: item?.party === 'Democratic'

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

@ -693,7 +693,7 @@
class="cursor-pointer focus:outline-none"
>
<span
class="block px-3 py-1 rounded transition-colors duration-100 ease-in-out
class="block px-3 py-1 rounded duration-100 ease-in-out
{displayData === interval
? 'bg-blue-50 text-blue-700 dark:bg-primary dark:text-white font-semibold'
: 'bg-transparent text-gray-600 dark:sm:hover:text-white sm:hover:bg-gray-100 dark:sm:hover:bg-primary'}"

6
src/routes/stocks/[tickerID]/statistics/fail-to-deliver/+page.svelte
View File

@ -80,7 +80,7 @@
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-4"
>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Total FTD Shares</span>
@ -103,7 +103,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>FTD / Avg. Volume</span>
@ -125,7 +125,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>1-Year Change</span>

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

@ -471,7 +471,7 @@
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-6 mt-3"
>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Market Cap</span>
@ -484,7 +484,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Category</span>
@ -506,7 +506,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>1-Year Change</span>

8
src/routes/stocks/[tickerID]/statistics/price-reaction/+page.svelte
View File

@ -88,7 +88,7 @@
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6"
>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>EPS Beats Estimate</span>
@ -113,7 +113,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Revenue Beats Estimate</span>
@ -138,7 +138,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Avg. Price Impact</span>
@ -163,7 +163,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class=" text-sm mb-2 flex items-center">
<span>Volatility Impact</span>

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

@ -231,7 +231,7 @@
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-4 mt-3"
>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class="text-sm sm:text-[1rem] mb-2 flex items-center">
<span>Revenue (ttm)</span>
@ -244,7 +244,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class="text-sm sm:text-[1rem] mb-2 flex items-center">
<span>Revenue Growth</span>
@ -257,7 +257,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class="text-sm sm:text-[1rem] mb-2 flex items-center">
<span>Price / Sales Ratio</span>
@ -270,7 +270,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class="text-sm sm:text-[1rem] mb-2 flex items-center">
<span>Revenue / Employee </span>
@ -286,7 +286,7 @@
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class="text-sm sm:text-[1rem] mb-2 flex items-center">
<span>Employees </span>
@ -298,7 +298,7 @@
</div>
</div>
<div
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4 transition-colors"
class="shadow-md bg-gray-100 dark:bg-gray-800/30 rounded-lg p-4"
>
<div class="text-sm sm:text-[1rem] mb-2 flex items-center">
<span>Market Cap </span>