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-25 21:00:26 +01:00
parent 65d37e07b8
commit d4e11a382a
3 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -691,7 +691,7 @@
class="block px-3 py-1 rounded duration-100 ease-in-out class="block px-3 py-1 rounded duration-100 ease-in-out
{displayData === interval {displayData === interval
? 'bg-blue-50 text-blue-700 dark:bg-primary dark:text-white font-semibold' ? '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'}" : 'bg-transparent text-muted dark:text-gray-400 dark:sm:hover:text-white sm:hover:bg-gray-100 dark:sm:hover:bg-primary'}"
> >
{interval} {interval}
</span> </span>

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

@ -20,6 +20,7 @@
import IndexSidecard from "$lib/components/IndexSidecard.svelte"; import IndexSidecard from "$lib/components/IndexSidecard.svelte";
import { convertTimestamp, abbreviateNumber } from "$lib/utils"; import { convertTimestamp, abbreviateNumber } from "$lib/utils";
import { mode } from "mode-watcher";
export let data; export let data;
export let form; export let form;
@ -678,25 +679,21 @@
> >
<div class="flex items-center justify-between py-1 sm:pt-0.5"> <div class="flex items-center justify-between py-1 sm:pt-0.5">
<div class="hide-scroll overflow-x-auto"> <div class="hide-scroll overflow-x-auto">
<ul <ul class="flex sm:space-x-2">
class="flex space-x-[3px] whitespace-nowrap pl-0.5 xs:space-x-1"
>
{#each intervals as interval} {#each intervals as interval}
<li> <li>
<button <button
on:click={() => changeData(interval)} on:click={() => changeData(interval)}
class="px-1 py-1 text-sm sm:text-[1rem] xs:px-[3px] bp:px-1.5 sm:px-2 xxxl:px-3" class="cursor-pointer focus:outline-none"
> >
<span <span
class="block {displayData === interval class="block px-3 py-1 rounded duration-100 ease-in-out
? 'text-white' {displayData === interval
: 'text-gray-400'}">{interval}</span ? 'bg-blue-50 text-blue-700 dark:bg-primary dark:text-white font-semibold'
: 'bg-transparent text-muted dark:text-gray-400 dark:sm:hover:text-white sm:hover:bg-gray-100 dark:sm:hover:bg-primary'}"
> >
<div {interval}
class="{displayData === interval </span>
? `bg-[${displayLegend?.graphChange < 0 ? '#FF2F1F' : '#00FC50'}] `
: 'bg-default'} mt-1 h-[3px] w-[1.5rem] m-auto rounded-full"
/>
</button> </button>
</li> </li>
{/each} {/each}

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

@ -697,7 +697,7 @@
class="block px-3 py-1 rounded duration-100 ease-in-out class="block px-3 py-1 rounded duration-100 ease-in-out
{displayData === interval {displayData === interval
? 'bg-blue-50 text-blue-700 dark:bg-primary dark:text-white font-semibold' ? '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'}" : 'bg-transparent text-muted dark:text-gray-400 dark:sm:hover:text-white sm:hover:bg-gray-100 dark:sm:hover:bg-primary'}"
> >
{interval} {interval}
</span> </span>