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-01-16 15:19:15 +01:00
parent 3cb2247e5c
commit 351e04ce53
2 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/Searchbar.svelte
View File

@ -285,13 +285,15 @@
onSelectedChange={(state) => handleKeyDown(state?.value)} onSelectedChange={(state) => handleKeyDown(state?.value)}
> >
<div class="relative w-full"> <div class="relative w-full">
<div class="absolute inset-y-0 left-0 flex items-center pl-2.5"> <div
class="absolute inset-y-0 left-0 flex items-center pl-2.5 text-gray-400"
>
<svg <svg
class="text-icon h-5 w-5" class="text-icon h-5 w-5"
fill="none" fill="none"
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
stroke-width="3" stroke-width="2"
stroke="currentColor" stroke="currentColor"
viewBox="0 0 24 24" viewBox="0 0 24 24"
style="max-width: 40px" style="max-width: 40px"
@ -328,8 +330,8 @@
<div <div
class="pointer-events-none absolute end-6 top-2.5 gap-1 opacity-80 rtl:flex-row-reverse hidden lg:flex" class="pointer-events-none absolute end-6 top-2.5 gap-1 opacity-80 rtl:flex-row-reverse hidden lg:flex"
> >
<kbd class="kbd kbd-sm">ctrl</kbd> <kbd class="kbd kbd-sm bg-[#1C2128] text-gray-400">ctrl</kbd>
<kbd class="kbd kbd-sm">K</kbd> <kbd class="kbd kbd-sm bg-[#1C2128] text-gray-400">K</kbd>
</div> </div>
{/if} {/if}
</div> </div>
@ -499,8 +501,8 @@
href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`} href={`/${item?.type === "ETF" ? "etf" : item?.type === "Crypto" ? "crypto" : "stocks"}/${item?.symbol}`}
on:click={() => popularTicker(item?.symbol)} on:click={() => popularTicker(item?.symbol)}
class="mb-2 {item?.symbol === focusedSuggestion class="mb-2 {item?.symbol === focusedSuggestion
? 'shake-ticker cursor-pointer flex justify-start items-center p-2 text-white bg-primary rounded group' ? 'cursor-pointer flex justify-start items-center p-2 text-white bg-primary rounded group'
: 'shake-ticker cursor-pointer bg-secondary sm:hover:bg-primary rounded-md flex justify-start items-center p-2 text-white group'} w-full" : 'cursor-pointer bg-secondary sm:hover:bg-primary rounded-md flex justify-start items-center p-2 text-white group'} w-full"
> >
<div class="flex flex-row items-center w-full"> <div class="flex flex-row items-center w-full">
<div class="flex flex-col"> <div class="flex flex-col">

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

@ -312,7 +312,7 @@
></td><td ></td><td
class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 border-l border-l-violet-500 px-1 text-right" class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 border-l border-l-violet-500 px-1 text-right"
><div ><div
class="w-full whitespace-nowrap rounded-sm badge text-white text-sm sm:text-[1rem] font-medium {item?.open_change_percent >= class="w-full whitespace-nowrap rounded-sm border-gray-800 badge text-white text-sm sm:text-[1rem] font-medium {item?.open_change_percent >=
0 0
? "bg-positive bg-opacity-[0.5] before:content-['+'] " ? "bg-positive bg-opacity-[0.5] before:content-['+'] "
: 'bg-negative bg-opacity-[0.6]'}" : 'bg-negative bg-opacity-[0.6]'}"
@ -322,7 +322,7 @@
><td ><td
class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 px-1 text-right" class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 px-1 text-right"
><div ><div
class="w-full whitespace-nowrap rounded-sm badge text-white text-sm sm:text-[1rem] font-medium {item?.high_change_percent >= class="w-full whitespace-nowrap rounded-sm border-gray-800 badge text-white text-sm sm:text-[1rem] font-medium {item?.high_change_percent >=
0 0
? "bg-positive bg-opacity-[0.5] before:content-['+'] " ? "bg-positive bg-opacity-[0.5] before:content-['+'] "
: 'bg-negative bg-opacity-[0.6]'}" : 'bg-negative bg-opacity-[0.6]'}"
@ -332,7 +332,7 @@
><td ><td
class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 px-1 text-right" class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 px-1 text-right"
><div ><div
class="w-full whitespace-nowrap rounded-sm badge text-white text-sm sm:text-[1rem] font-medium {item?.low_change_percent >= class="w-full whitespace-nowrap rounded-sm border-gray-800 badge text-white text-sm sm:text-[1rem] font-medium {item?.low_change_percent >=
0 0
? "bg-positive bg-opacity-[0.5] before:content-['+'] " ? "bg-positive bg-opacity-[0.5] before:content-['+'] "
: 'bg-negative bg-opacity-[0.6]'}" : 'bg-negative bg-opacity-[0.6]'}"
@ -342,7 +342,7 @@
><td ><td
class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 border-r border-r-violet-500 px-1 text-right" class="px-4 last:pr-11 w-17 last:w-24.5 border-primary px-3.5 py-0.5 border-r border-r-violet-500 px-1 text-right"
><div ><div
class="w-full whitespace-nowrap rounded-sm badge text-white text-sm sm:text-[1rem] font-medium {item?.close_change_percent >= class="w-full whitespace-nowrap rounded-sm border-gray-800 badge text-white text-sm sm:text-[1rem] font-medium {item?.close_change_percent >=
0 0
? "bg-positive bg-opacity-[0.5] before:content-['+'] " ? "bg-positive bg-opacity-[0.5] before:content-['+'] "
: 'bg-negative bg-opacity-[0.6]'}" : 'bg-negative bg-opacity-[0.6]'}"