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-12-02 20:20:12 +01:00
parent bde8718cf2
commit a886bbbbb9
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -71,7 +71,7 @@
</svelte:head> </svelte:head>
<section <section
class="bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0 w-full mt-5 sm:mt-0" class="bg-[#09090B] overflow-hidden text-white h-full min-h-screen mb-20 sm:mb-0 w-full mt-5 sm:mt-0"
> >
<div class="flex justify-center m-auto h-full overflow-hidden w-full"> <div class="flex justify-center m-auto h-full overflow-hidden w-full">
<div <div
@ -111,7 +111,7 @@
{$etfTicker} Holdings List {$etfTicker} Holdings List
</h1> </h1>
<div <div
class="ml-3 sm:mt-1 whitespace-nowrap text-sm sm:text-[1rem] font-semibold md:ml-0" class="ml-3 sm:mt-1 whitespace-nowrap text-sm sm:text-[1rem] md:ml-0"
> >
<span class="inline">As of </span>{formattedDate} <span class="inline">As of </span>{formattedDate}
</div> </div>

20
src/routes/options-flow/+page.svelte
View File

@ -11,7 +11,7 @@
import { Button } from "$lib/components/shadcn/button/index.js"; import { Button } from "$lib/components/shadcn/button/index.js";
import { Calendar } from "$lib/components/shadcn/calendar/index.js"; import { Calendar } from "$lib/components/shadcn/calendar/index.js";
import CalendarIcon from "lucide-svelte/icons/calendar"; import CalendarIcon from "lucide-svelte/icons/calendar";
import HoverStockChart from "$lib/components/HoverStockChart.svelte";
import VirtualList from "svelte-tiny-virtual-list"; import VirtualList from "svelte-tiny-virtual-list";
import { writable } from "svelte/store"; import { writable } from "svelte/store";
@ -423,7 +423,7 @@
const formattedHours = hours % 12 || 12; // Converts 0 to 12 for midnight const formattedHours = hours % 12 || 12; // Converts 0 to 12 for midnight
// Format the time string // Format the time string
const formattedTimeString = `${formattedHours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}:${seconds.toString().padStart(2, "0")} ${period}`; const formattedTimeString = `${formattedHours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")} ${period}`;
return formattedTimeString; return formattedTimeString;
} }
@ -1009,7 +1009,7 @@ function sendMessage(message) {
<section <section
class="w-full max-w-screen sm:max-w-7xl xl:max-w-7xl flex justify-center items-center bg-[#09090B] pb-20" class="w-full max-w-screen sm:max-w-7xl xl:max-w-7xl flex justify-center items-center bg-[#09090B] pb-20"
> >
<div class="w-full m-auto px-3"> <div class="w-full m-auto px-3 min-h-screen">
<!-- <!--
<div class="text-sm sm:text-[1rem] breadcrumbs mb-5"> <div class="text-sm sm:text-[1rem] breadcrumbs mb-5">
<ul> <ul>
@ -1971,20 +1971,20 @@ function sendMessage(message) {
<div <div
style="justify-content: center;" style="justify-content: center;"
class="td text-white text-xs sm:text-sm text-start" class="td text-white text-xs sm:text-sm text-start m-auto whitespace-nowrap"
> >
{formatTime(displayedData[index]?.time)} {formatTime(displayedData[index]?.time)}
</div> </div>
<a <div
href={displayedData[index]?.underlying_type === "stock"
? `/stocks/${displayedData[index]?.ticker}`
: `/etf/${displayedData[index]?.ticker}`}
on:click|stopPropagation on:click|stopPropagation
style="justify-content: center;" style="justify-content: center;"
class="td text-sm sm:hover:text-white sm:text-[1rem] text-blue-400 font-normal" class="td text-sm sm:hover:text-white sm:text-[1rem] text-blue-400 font-normal"
> >
{displayedData[index]?.ticker} <HoverStockChart
</a> symbol={displayedData[index]?.ticker}
assetType={displayedData[index]?.underlying_type}
/>
</div>
<div <div
id={displayedData[index]?.id} id={displayedData[index]?.id}