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

modify layout

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-11 10:04:28 +02:00
parent f4224b091d
commit fb80f7b968
7 changed files with 812 additions and 696 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
package-lock.json generated
View File

@ -53,6 +53,7 @@
"svelte-progress-bar": "^3.0.2",
"svelte-range-slider-pips": "^2.3.1",
"svelte-sonner": "^0.3.27",
"svelte-splitpanes": "^8.0.5",
"svelte-tags-input": "^6.0.0",
"svelte-tiny-virtual-list": "^2.1.2",
"tailwind-merge": "^2.4.0",
@ -4673,8 +4674,15 @@
"node_modules/esm-env": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/esm-env/-/esm-env-1.0.0.tgz",
"integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA==",
"dev": true
"integrity": "sha512-Cf6VksWPsTuW01vU9Mk/3vRue91Zevka5SjyNf3nEpokFRuqt/KjUQoGAwq9qMmhpLTHmXzSIrFRw8zxWzmFBA=="
},
"node_modules/esm-env-robust": {
"version": "0.0.3",
"resolved": "https://registry.npmjs.org/esm-env-robust/-/esm-env-robust-0.0.3.tgz",
"integrity": "sha512-90Gnuw2DALOqlL1581VxP3GHPUNHX9U+fQ+8FNcTTFClhY5gEggAAnJ3q1b2Oq23knRsjv8YpNeMRPaMLUymOA==",
"dependencies": {
"esm-env": "^1.0.0"
}
},
"node_modules/estree-walker": {
"version": "2.0.2",
@ -7666,6 +7674,17 @@
"svelte": "^3.0.0 || ^4.0.0 || ^5.0.0-next.1"
}
},
"node_modules/svelte-splitpanes": {
"version": "8.0.5",
"resolved": "https://registry.npmjs.org/svelte-splitpanes/-/svelte-splitpanes-8.0.5.tgz",
"integrity": "sha512-LUdNbuckYtGcBI5Us1ugYlw0fC6wnUEbUTgUY4TVLR/ZCsSrTw9Ftuf7NkM0tTRMCBG3ZmzPDfWuOlmSOXGU/A==",
"dependencies": {
"esm-env-robust": "0.0.3"
},
"peerDependencies": {
"svelte": "^4.2.18"
}
},
"node_modules/svelte-tags-input": {
"version": "6.0.1",
"resolved": "https://registry.npmjs.org/svelte-tags-input/-/svelte-tags-input-6.0.1.tgz",

1
package.json
View File

@ -95,6 +95,7 @@
"svelte-progress-bar": "^3.0.2",
"svelte-range-slider-pips": "^2.3.1",
"svelte-sonner": "^0.3.27",
"svelte-splitpanes": "^8.0.5",
"svelte-tags-input": "^6.0.0",
"svelte-tiny-virtual-list": "^2.1.2",
"tailwind-merge": "^2.4.0",

1277
src/routes/+layout.svelte
View File

File diff suppressed because it is too large Load Diff

8
src/routes/community/+page.svelte
View File

@ -410,18 +410,18 @@ $: {
<body class="bg-[#09090B] text-slate-200 sm:mt-5 ">
<body class="bg-[#09090B] text-slate-200 m-auto sm:mt-5 max-w-3xl sm:max-w-screen-xl">
<!-- Page wrapper -->
<div class="flex flex-col min-h-screen overflow-hidden pl-0 lg:pl-20 m-auto w-full max-w-6xl supports-[overflow:clip]:overflow-clip pb-40">
<div class="flex flex-col min-h-screen overflow-hidden pl-0 lg:pl-20 m-auto w-full supports-[overflow:clip]:overflow-clip pb-40">
<main class="m-auto w-full max-w-3xl lg:max-w-6xl">
<main class="m-auto w-full ">
<!--Start Header-->
<div class="w-full max-w-6xl sm:rounded-2xl m-auto h-44 sm:h-60 shadow-sm shadow-black bg-center bg-cover bg-no-repeat" style="background-image: url('{communityBanner}');" />
<div class="w-full sm:rounded-2xl m-auto h-44 sm:h-60 shadow-sm shadow-black bg-center bg-cover bg-no-repeat" style="background-image: url('{communityBanner}');" />
<!--End Header-->

31
src/routes/corporate-lobbying-tracker/+page.svelte
View File

@ -101,22 +101,25 @@ function changeOrder(state:string) {
<section class="w-full max-w-4xl overflow-hidden m-auto min-h-screen pt-5 pb-40">
<section class="sm:pl-10 w-full max-w-3xl sm:max-w-screen-lg xxl:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40">
<div class="text-sm breadcrumbs ml-4">
<ul>
<li><a href="/" class="text-gray-300">Home</a></li>
<li class="text-gray-300">Corporate Lobbying Tracker</li>
</ul>
</div>
<div class="w-full max-w-4xl overflow-hidden m-auto mt-5">
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden max-w-4xl">
<div class="relative flex justify-center items-center overflow-hidden w-full">
<div class="w-full overflow-hidden m-auto">
<div class="sm:p-0 flex justify-center m-auto w-full overflow-hidden ">
<div class="relative flex justify-center m-auto items-center overflow-hidden w-full">
<main class="w-full">
<div class="w-full max-w-4xl m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
<div class="text-sm breadcrumbs ml-4">
<ul>
<li><a href="/" class="text-gray-300">Home</a></li>
<li class="text-gray-300">Corporate Lobbying Tracker</li>
</ul>
</div>
<div class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
<!-- Start Column -->
@ -170,7 +173,7 @@ function changeOrder(state:string) {
<div class="w-screen sm:w-full m-auto mt-20 sm:mt-10">
<div class="w-screen sm:w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll sm:overflow-hidden">
<div class="w-screen sm:w-full m-auto rounded-none sm:rounded-lg mb-4 overflow-x-scroll lg:overflow-hidden">
<table class="table table-sm table-compact no-scrollbar rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B] m-auto">
<thead>
<tr class="bg-[#09090B]">
@ -241,6 +244,8 @@ function changeOrder(state:string) {
</div>
{:else}
<div class="flex justify-center items-center h-80">
<div class="relative">
@ -253,6 +258,8 @@ function changeOrder(state:string) {
</main>
</div>
</div>

11
src/routes/home/+page.svelte
View File

@ -176,8 +176,8 @@ onMount( async() => {
<div class="w-full max-w-screen overflow-hidden m-auto min-h-screen bg-[#09090B]">
<div class="flex flex-col w-full max-w-7xl m-auto justify-center items-center">
<div class="text-center mb-10 w-full px-4 sm:px-3 mt-10 3xl:ml-20">
<div class="flex flex-col w-full xl:max-w-screen-2xl m-auto justify-center items-center">
<div class="text-center mb-10 w-full px-4 sm:px-3 mt-10 ">
{#if Feedback}
<Feedback data={data} />
@ -388,7 +388,7 @@ onMount( async() => {
<Card.Content>
<ul style="padding-left: 5px;">
{#each data?.getDashboard?.upcomingEarnings as item}
<li style="margin-left: 8px; line-height: 22px; margin-bottom: 20px; list-style-type: disc;">
<li style="margin-left: 8px; line-height: 22px; margin-bottom: 30px; list-style-type: disc;">
<strong>{item?.name}</strong> (<a href="/stocks/{item?.symbol}" class="text-blue-400 sm:hover:text-white">{item?.symbol}</a>)
{['Monday', 'Tuesday', 'Wednesday', 'Thursday'].includes(new Date().toLocaleDateString('en-US', { weekday: 'long' })) ? "will report tomorrow" : "will report monday"}
{#if item?.time}
@ -400,7 +400,6 @@ onMount( async() => {
during market.
{/if}
{/if}Analysts estimate {abbreviateNumber(item?.revenueEst,true)} in revenue ({((item?.revenueEst/item?.revenuePrior-1)*100)?.toFixed(2)}% YoY) and ${item?.epsEst} in earnings per share ({((item?.epsEst/item?.epsPrior-1)*100)?.toFixed(2)}% YoY).</li>
<div class="border-b w-11/12 m-auto border-gray-500 mb-5 mt-5"></div>
{/each}
</ul>
@ -423,10 +422,10 @@ onMount( async() => {
<li style="color: #fff; line-height: 22px; margin-top:10px; margin-left: 30px; margin-bottom: 10px; list-style-type: disc;">
Revenue of {abbreviateNumber(item?.revenue,true)} ({(item?.revenue/item?.revenuePrior-1) > 0 ? '+' :''}{((item?.revenue/item?.revenuePrior-1)*100)?.toFixed(2)}% YoY) {item?.revenueSurprise > 0 ? 'beats' : 'misses'} by {abbreviateNumber(Math.abs(item?.revenueSurprise),true)}.
</li>
<li style="color: #fff; line-height: 22px; margin-top:0px; margin-left: 30px; list-style-type: disc;">
<li style="color: #fff; line-height: 22px; margin-top:0px; margin-left: 30px; margin-bottom: 30px; list-style-type: disc;">
EPS of ${item?.eps} ({(item?.eps/item?.epsPrior-1) > 0 ? '+' :''}{((item?.eps/item?.epsPrior-1)*100)?.toFixed(2)}% YoY) {item?.epsSurprise > 0 ? 'beats' : 'misses'} by ${Math.abs(item?.epsSurprise)?.toFixed(2)}.
</li>
<div class="border-b w-11/12 m-auto border-gray-500 mb-5 mt-5"></div>
{/each}
</ul>

23
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -396,16 +396,16 @@ $: isScrolled = y > 0;
<svelte:window bind:scrollY={y}/>
<body class="bg-[#09090B] pb-40">
<body class="bg-[#09090B] pb-40 lg:max-w-screen-2xl">
<!-- Page wrapper -->
<div class="flex flex-col min-h-screen overflow-hidden m-auto w-full mt-5 supports-[overflow:clip]:overflow-clip pb-40">
<main class="grow">
<section>
<div class="flex flex-col min-h-screen overflow-hidden w-full supports-[overflow:clip]:overflow-clip pb-40">
<main class="grow w-full">
<section class="w-full">
<div class="w-full">
<div class="sm:flex sm:justify-start w-full">
<!--Start Mobile Navbar-->
<div class="navbar w-screen sticky top-0 z-30 bg-[#09090B] sm:hidden ">
<header class="navbar w-screen fixed sticky top-0 z-30 bg-[#09090B] sm:hidden" style="top: 0rem;">
<div class="{isScrolled ? 'border-b border-slate-800 ease-in' : 'ease-out'} m-auto w-full">
@ -482,22 +482,22 @@ $: isScrolled = y > 0;
</div>
</div>
</div>
</div>
</header>
<!--End Mobile Navbar-->
<div class="w-full xl:w-fit max-w-3xl sm:max-w-7xl m-auto px-3">
<div class="w-full xl:w-fit px-3">
<div class="md:flex md:justify-between md:divide-x md:divide-slate-800">
<!-- Main content -->
<div class="pb-12 md:pb-20 w-full max-w-3xl lg:max-w-5xl">
<div class="pb-12 md:pb-20 w-full lg:max-w-3xl xl:max-w-5xl">
<div class="md:pr-6 lg:pr-10">
<!-----Start-Header-CandleChart-Indicators------>
<div class="m-auto pl-0 sm:pl-4 max-w-5xl overflow-hidden mb-5 md:mt-10">
<div class="m-auto pl-0 sm:pl-4 overflow-hidden mb-5 md:mt-10">
<div class="hidden sm:flex flex-row w-full justify-between items-center pb-10">
<Markethour />
@ -668,7 +668,7 @@ $: isScrolled = y > 0;
</div>
</div>
<aside class="hidden xl:block w-fit max-w-xl 2xl:w-[120px] m-auto sm:m-0 md:shrink-0 md:pt-10 pb-12 md:pb-20">
<aside class="hidden lg:block w-fit max-w-xl 2xl:w-[120px] m-auto sm:m-0 md:shrink-0 md:pt-10 pb-12 md:pb-20">
<div class="sm:pl-10">
<!--Start Company Info -->
@ -943,5 +943,4 @@ $: isScrolled = y > 0;
background: #09090B;
}
</style>