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-10-10 14:16:24 +02:00
parent aa576406a6
commit b98ea1ed34
2 changed files with 12 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -60,7 +60,7 @@
<span class="text-base font-semibold text-blue-link blur group-hover:blur-[3px]"> <span class="text-base font-semibold text-blue-link blur group-hover:blur-[3px]">
XX XX
</span> </span>
<div class="absolute top-1 flex items-center"> <div class="absolute top-0.5 flex items-center">
<svg class="size-5 text-[#FBCE3C]" <svg class="size-5 text-[#FBCE3C]"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"

27
src/routes/stock-splits-calendar/+page.svelte
View File

@ -4,7 +4,6 @@
import { format, startOfWeek, addDays, addWeeks, subWeeks, differenceInWeeks } from 'date-fns' import { format, startOfWeek, addDays, addWeeks, subWeeks, differenceInWeeks } from 'date-fns'
import { screenWidth, numberOfUnreadNotification } from '$lib/store'; import { screenWidth, numberOfUnreadNotification } from '$lib/store';
import logo from '$lib/images/split_logo.png'; import logo from '$lib/images/split_logo.png';
import ScrollToTop from '$lib/components/ScrollToTop.svelte';
import { goto } from '$app/navigation'; import { goto } from '$app/navigation';
import { abbreviateNumber } from '$lib/utils'; import { abbreviateNumber } from '$lib/utils';
import ArrowLogo from "lucide-svelte/icons/move-up-right"; import ArrowLogo from "lucide-svelte/icons/move-up-right";
@ -224,17 +223,7 @@
} }
} }
let charNumber = 20;
$: {
if ($screenWidth < 640)
{
charNumber = 10;
}
else {
charNumber = 20;
}
}
</script> </script>
@ -379,30 +368,32 @@
<tr> <tr>
<th class="text-slate-200 font-semibold text-[1rem] text-start">Symbol</th> <th class="text-slate-200 font-semibold text-[1rem] text-start">Symbol</th>
<th class="text-slate-200 font-semibold whitespace-nowrap text-[1rem] text-start">Company Name</th> <th class="text-slate-200 font-semibold whitespace-nowrap text-[1rem] text-start">Company Name</th>
<th class="text-slate-200 font-semibold whitespace-nowrap text-[1rem] text-start">Earnings per Share</th> <th class="text-slate-200 font-semibold whitespace-nowrap text-[1rem] text-end">EPS</th>
<th class="text-slate-200 font-semibold whitespace-nowrap text-[1rem] text-start">Market Cap</th> <th class="text-slate-200 font-semibold whitespace-nowrap text-[1rem] text-end">Market Cap</th>
<th class="text-slate-200 font-semibold whitespace-nowrap text-[1rem] text-end">Split</th> <th class="text-slate-200 font-semibold whitespace-nowrap text-[1rem] text-end">Split</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{#each day as item} {#each day as item}
<!-- row --> <!-- row -->
<tr on:click={() => goto("/stocks/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer"> <tr class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B]">
<td class="text-blue-400 text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"> <td class="text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]">
<a href={"/stocks/"+item?.symbol} class="sm:hover:text-white text-blue-400">
{item?.symbol} {item?.symbol}
</a>
</td> </td>
<td class="text-white text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]"> <td class="text-white text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B]">
{item?.name?.length > 40 ? item?.name?.slice(0,40) + "..." : item?.name} {item?.name?.length > 40 ? item?.name?.slice(0,40) + "..." : item?.name}
</td> </td>
<td class="text-white text-sm sm:text-[1rem] whitespace-nowrap font-medium border-b-[#09090B]"> <td class="text-white text-sm text-end sm:text-[1rem] whitespace-nowrap font-medium border-b-[#09090B]">
{item?.eps !== null ? item?.eps : '-'} {item?.eps !== null ? item?.eps : '-'}
</td> </td>
<td class="text-white text-sm sm:text-[1rem] whitespace-nowrap font-medium border-b-[#09090B]"> <td class="text-white text-sm sm:text-[1rem] text-end whitespace-nowrap font-medium border-b-[#09090B]">
{item?.marketCap !== null ? '$' + abbreviateNumber(item?.marketCap) : '-'} {item?.marketCap !== null ? abbreviateNumber(item?.marketCap) : '-'}
</td> </td>
<td class="text-white font-medium text-sm sm:text-[1rem] whitespace-nowrap text-end mr-1 border-b-[#09090B]"> <td class="text-white font-medium text-sm sm:text-[1rem] whitespace-nowrap text-end mr-1 border-b-[#09090B]">