AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2024-10-28 15:02:01 +01:00
parent 96156185e7
commit 938939a2da
4 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/lib/components/News.svelte
View File

@ -83,7 +83,8 @@
<div class="grid grid-cols-1 gap-2 pb-5"> <div class="grid grid-cols-1 gap-2 pb-5">
{#each newsList as item} {#each newsList as item}
<div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto"> <div class="w-full flex flex-col bg-[#09090B] rounded-md m-auto">
{#if (videoId = checkIfYoutubeVideo(item.url))} {#if !checkIfYoutubeVideo(item.url)}
<!--
<div class="w-full aspect-video mb-4"> <div class="w-full aspect-video mb-4">
<iframe <iframe
class="w-full h-full rounded-md border border-gray-800" class="w-full h-full rounded-md border border-gray-800"
@ -109,7 +110,7 @@
</p> </p>
</a> </a>
</div> </div>
{:else} -->
<div class="w-full flex flex-col sm:flex-row"> <div class="w-full flex flex-col sm:flex-row">
<a <a
href={item?.url} href={item?.url}

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

@ -166,7 +166,9 @@
</div> </div>
{/if} {/if}
<div class="mt-3 grid grid-cols-2 gap-3 w-full"> <div
class="mt-3 grid grid-cols-2 gap-3 w-full border-b border-gray-600 lg:border-none pb-8 lg:pb-0"
>
<div class="col-span-1 text-gray-200"> <div class="col-span-1 text-gray-200">
<span class="block font-semibold">Industry</span> <span class="block font-semibold">Industry</span>
<a <a

8
src/lib/components/WIIM.svelte
View File

@ -69,7 +69,9 @@
<!--Start Item--> <!--Start Item-->
<div class="flex flex-row items-center w-full mb-6"> <div class="flex flex-row items-center w-full mb-6">
<div <div
class="w-full rounded-lg {latestInfoDate(item?.date) class="w-full rounded-md pr-4 {latestInfoDate(
item?.date,
)
? 'bg-[#F9AB00] bg-opacity-[0.1]' ? 'bg-[#F9AB00] bg-opacity-[0.1]'
: 'bg-[#27272A]'} shadow-lg h-full pl-3 pt-2 pb-4" : 'bg-[#27272A]'} shadow-lg h-full pl-3 pt-2 pb-4"
> >
@ -84,9 +86,7 @@
>New</label >New</label
> >
{/if} {/if}
<div <div class="text-white text-sm ml-auto font-medium">
class="text-white text-sm ml-auto pr-4 font-medium"
>
{#if item?.changesPercentage >= 0} {#if item?.changesPercentage >= 0}
<svg <svg
class="w-5 h-5 -mr-0.5 -mt-0.5 inline-block" class="w-5 h-5 -mr-0.5 -mt-0.5 inline-block"

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

@ -1443,7 +1443,7 @@
class="mt-6 flex flex-col lg:flex-row gap-x-14 items-start w-full" class="mt-6 flex flex-col lg:flex-row gap-x-14 items-start w-full"
> >
<div <div
class="space-y-6 lg:order-2 lg:pt-1 sm:pl-7 lg:pl-0 w-full lg:w-[45%] sm:ml-auto" class="lg:space-y-6 lg:order-2 lg:pt-1 sm:pl-7 lg:pl-0 w-full lg:w-[45%] sm:ml-auto"
> >
<Sidecard {data} /> <Sidecard {data} />
<div class="lg:sticky lg:top-20"></div> <div class="lg:sticky lg:top-20"></div>