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-03-11 01:21:50 +01:00
parent cf79e700bc
commit cac0e644cd
8 changed files with 74 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/routes/+error.svelte
View File

@ -1,36 +1,37 @@
<script> <script>
import { page } from "$app/stores"; import { page } from "$app/stores";
//import { trackError,trackButtonClick } from '$lib/mixpanel'; //import { trackError,trackButtonClick } from '$lib/mixpanel';
import logo from "$lib/images/stocknear_logo.png";
const emailAddress = "support@stocknear.com"; const emailAddress = "support@stocknear.com";
</script> </script>
<section class="min-h-screen pt-6"> <section class="min-h-screen pt-6">
<div class="bg-default mt-10 m-auto overflow-hidden w-full max-w-4xl"> <div class=" mt-10 m-auto overflow-hidden w-full max-w-4xl">
<div class="lg:flex"> <div class="lg:flex">
<div class="mt-10 mb-5 m-auto"> <div class="mt-10 mb-5 m-auto">
<h1 class="text-white text-center text-2xl sm:text-4xl font-bold mb-5"> <h1 class=" text-center text-2xl sm:text-4xl font-bold mb-5">
Page Not found - {$page?.status} Page Not found - {$page?.status}
<!--Server Maintenance--> <!--Server Maintenance-->
</h1> </h1>
<a href="/" class="flex justify-center items-center"> <a href="/" class="flex justify-center items-center">
<img class="w-20 m-auto inline-block" src={logo} /> <img
class="w-20 m-auto inline-block"
src="/pwa-192x192.png"
alt="Logo"
/>
</a> </a>
<!-- <!--
<span class="mt-4 text-white text-lg w-5/6 m-auto text-center flex justify-center items-center"> <span class="mt-4 text-lg w-5/6 m-auto text-center flex justify-center items-center">
Sorry, our website is down for server maintenance. We will be back soon! Sorry, our website is down for server maintenance. We will be back soon!
</span> </span>
--> -->
<div <div class="mt-4 text-md w-11/12 sm:w-full m-auto text-center">
class="mt-4 text-white text-md w-11/12 sm:w-full m-auto text-center"
>
The page was not found. If this error occurs persistenly please report The page was not found. If this error occurs persistenly please report
it to us via it to us via
<a <a
href={`mailto:${emailAddress}`} href={`mailto:${emailAddress}`}
class="inline-block text-blue-400 sm:hover:text-white sm:hover:underline" class="inline-block text-blue-500 dark:text-blue-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:underline"
>{emailAddress}</a >{emailAddress}</a
>. >.
<br /> <br />
@ -39,7 +40,7 @@
<a <a
href="/home" href="/home"
class="flex justify-center items-center w-1/2 m-auto py-2.5 mt-10 rounded-md duration-100 bg-[#fff] sm:hover:hover:bg-gray-300 text-black font-semibold" class="flex justify-center items-center w-1/2 m-auto py-2.5 mt-10 rounded-md duration-100 bg-[#3B82F6] text-white sm:hover:bg-blue-600 dark:bg-[#fff] dark:sm:hover:hover:bg-gray-300 dark:text-black font-semibold"
> >
Back to Home Page Back to Home Page
</a> </a>

56
src/routes/+layout.svelte
View File

@ -355,7 +355,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/analysts" href="/analysts"
@ -367,7 +367,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/analysts/top-stocks" href="/analysts/top-stocks"
@ -379,7 +379,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/industry" href="/industry"
@ -391,7 +391,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/stock-screener" href="/stock-screener"
@ -402,7 +402,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/market-mover/gainers" href="/market-mover/gainers"
@ -414,7 +414,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/heatmap" href="/heatmap"
@ -426,7 +426,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/list" href="/list"
@ -456,7 +456,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/etf/new-launches" href="/etf/new-launches"
@ -467,7 +467,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/etf/etf-providers" href="/etf/etf-providers"
@ -497,7 +497,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/dividends-calendar" href="/dividends-calendar"
@ -508,7 +508,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/earnings-calendar" href="/earnings-calendar"
@ -520,7 +520,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/ipos" href="/ipos"
@ -532,7 +532,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/economic-calendar" href="/economic-calendar"
@ -543,7 +543,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/economic-indicator" href="/economic-indicator"
@ -556,7 +556,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full " class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/stock-splits-calendar" href="/stock-splits-calendar"
@ -588,7 +588,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/politicians/flow-data" href="/politicians/flow-data"
@ -599,7 +599,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/politicians" href="/politicians"
@ -631,7 +631,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/insider-tracker" href="/insider-tracker"
@ -643,7 +643,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/reddit-tracker" href="/reddit-tracker"
@ -655,7 +655,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/potus-tracker" href="/potus-tracker"
@ -668,7 +668,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/sentiment-tracker" href="/sentiment-tracker"
@ -699,7 +699,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/market-flow" href="/market-flow"
@ -711,7 +711,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/options-flow" href="/options-flow"
@ -722,7 +722,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full" class="w-full dark:bg-[#18181B]"
> >
<a <a
href="/dark-pool-flow" href="/dark-pool-flow"
@ -741,7 +741,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class=" -ml-4 w-full" class=" -ml-4 w-full dark:bg-[#18181B]"
> >
<a <a
href="/hedge-funds" href="/hedge-funds"
@ -749,7 +749,7 @@
> >
<div class="flex flex-row items-center mr-auto"> <div class="flex flex-row items-center mr-auto">
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors hover:text-muted dark:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors sm:hover:text-muted dark:text-white md:h-8 md:w-8"
> >
<Boxes class="h-5.5 w-5.5" /> <Boxes class="h-5.5 w-5.5" />
</div> </div>
@ -765,7 +765,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class=" -ml-4 w-full" class=" -ml-4 w-full dark:bg-[#18181B]"
> >
<a <a
href="/market-news" href="/market-news"
@ -787,7 +787,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class=" -ml-4 w-full" class=" -ml-4 w-full dark:bg-[#18181B]"
> >
<a <a
href="/pricing" href="/pricing"

1
src/routes/market-mover/+layout.svelte
View File

@ -1,6 +1,5 @@
<script lang="ts"> <script lang="ts">
import ScrollToTop from "$lib/components/ScrollToTop.svelte"; import ScrollToTop from "$lib/components/ScrollToTop.svelte";
import ArrowLogo from "lucide-svelte/icons/move-up-right";
import { page } from "$app/stores"; import { page } from "$app/stores";
export let data; export let data;

4
src/routes/market-mover/active/+layout.svelte
View File

@ -110,7 +110,7 @@
<div <div
class="title-group flex flex-row items-center justify-start mb-3" class="title-group flex flex-row items-center justify-start mb-3"
> >
<h1 class="text-white text-xl sm:text-2xl font-semibold"> <h1 class="text-xl sm:text-2xl font-semibold">
{displayTitle[timePeriod]?.replace("title", title)} {displayTitle[timePeriod]?.replace("title", title)}
</h1> </h1>
{#if timePeriod === "1D" && ["active", "active"]?.includes(title)} {#if timePeriod === "1D" && ["active", "active"]?.includes(title)}
@ -122,7 +122,7 @@
{/if} {/if}
<div <div
class="mb-0 ml-5 mt-1 whitespace-nowrap text-sm font-semiboldt text-white" class="mb-0 ml-5 mt-1 whitespace-nowrap text-sm font-semibold"
> >
<span class="hidden lg:inline">Updated</span> <span class="hidden lg:inline">Updated</span>
{lastTradingDay} {lastTradingDay}

4
src/routes/market-mover/afterhours/+layout.svelte
View File

@ -60,7 +60,7 @@
<div <div
class="title-group flex flex-row items-center justify-start mb-3" class="title-group flex flex-row items-center justify-start mb-3"
> >
<h1 class="text-white text-xl sm:text-2xl font-semibold"> <h1 class="text-xl sm:text-2xl font-semibold">
Afterhours {categoryType === "gainers" ? "Gainers" : "Losers"} Afterhours {categoryType === "gainers" ? "Gainers" : "Losers"}
</h1> </h1>
<InfoModal <InfoModal
@ -70,7 +70,7 @@
/> />
<div <div
class="mb-0 ml-5 mt-1 whitespace-nowrap text-sm font-semiboldt text-white" class="mb-0 ml-5 mt-1 whitespace-nowrap text-sm font-semibold"
> >
<span class="hidden lg:inline">Updated</span> <span class="hidden lg:inline">Updated</span>
{lastTradingDay} {lastTradingDay}

8
src/routes/market-mover/losers/+layout.svelte
View File

@ -49,9 +49,7 @@
<!--Start Top Winners/Losers--> <!--Start Top Winners/Losers-->
<nav class=" pt-1 overflow-x-auto whitespace-nowrap"> <nav class=" pt-1 overflow-x-auto whitespace-nowrap">
<ul <ul class="flex flex-row items-center w-full text-sm sm:text-[1rem]">
class="flex flex-row items-center w-full text-sm sm:text-[1rem] text-white"
>
<a <a
href="/market-mover/losers" href="/market-mover/losers"
class="p-2 px-5 cursor-pointer {timePeriod === 'losers' class="p-2 px-5 cursor-pointer {timePeriod === 'losers'
@ -110,7 +108,7 @@
<div <div
class="title-group flex flex-row items-center justify-start mb-3" class="title-group flex flex-row items-center justify-start mb-3"
> >
<h1 class="text-white text-xl sm:text-2xl font-semibold"> <h1 class="text-xl sm:text-2xl font-semibold">
{displayTitle[timePeriod]?.replace("title", title)} {displayTitle[timePeriod]?.replace("title", title)}
</h1> </h1>
{#if timePeriod === "1D" && ["losers", "Losers"]?.includes(title)} {#if timePeriod === "1D" && ["losers", "Losers"]?.includes(title)}
@ -122,7 +120,7 @@
{/if} {/if}
<div <div
class="mb-0 ml-5 mt-1 whitespace-nowrap text-sm font-semiboldt text-white" class="mb-0 ml-5 mt-1 whitespace-nowrap text-sm font-semibold"
> >
<span class="hidden lg:inline">Updated</span> <span class="hidden lg:inline">Updated</span>
{lastTradingDay} {lastTradingDay}

4
src/routes/market-mover/premarket/+layout.svelte
View File

@ -60,7 +60,7 @@
<div <div
class="title-group flex flex-row items-center justify-start mb-3" class="title-group flex flex-row items-center justify-start mb-3"
> >
<h1 class="text-white text-xl sm:text-2xl font-semibold"> <h1 class="text-xl sm:text-2xl font-semibold">
Premarket {categoryType === "gainers" ? "Gainers" : "Losers"} Premarket {categoryType === "gainers" ? "Gainers" : "Losers"}
</h1> </h1>
<InfoModal <InfoModal
@ -69,7 +69,7 @@
id={"premarketId"} id={"premarketId"}
/> />
<div <div
class="mb-0 ml-5 mt-1 whitespace-nowrap text-sm font-semiboldt text-white" class="mb-0 ml-5 mt-1 whitespace-nowrap text-sm font-semibold"
> >
<span class="hidden lg:inline">Updated</span> <span class="hidden lg:inline">Updated</span>
{lastTradingDay} {lastTradingDay}

44
src/routes/register/+page.svelte
View File

@ -70,14 +70,12 @@
> >
<div class="grid grid-cols-1 gap-4"> <div class="grid grid-cols-1 gap-4">
<div class="relative"> <div class="relative">
<h1 <h1 class="text-center text-2xl sm:text-3xl pt-10 sm:pt-0 font-bold">
class="text-center text-white text-2xl sm:text-3xl pt-10 sm:pt-0 font-bold"
>
Getting Started Getting Started
</h1> </h1>
</div> </div>
<span class="text-gray-400 text-center"> <span class="text-muted dark:text-gray-400 text-center">
Create an account & start your stock analysis Create an account & start your stock analysis
</span> </span>
@ -118,13 +116,13 @@
{#if !loading && !isClicked} {#if !loading && !isClicked}
<button <button
type="submit" type="submit"
class="py-2.5 cursor-pointer bg-[#fff] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 text-black btn-md w-full rounded-md m-auto font-semibold text-[1rem]" class="cursor-pointer py-2.5 bg-[#3B82F6] dark:bg-[#fff] border-none sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
> >
<span>Register</span> <span>Register</span>
</button> </button>
{:else} {:else}
<label <label
class="cursor-not-allowed btn bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-gray-300 transition duration-100 text-black btn-md w-full rounded-md m-auto font-semibold text-[1rem]" class="cursor-not-allowed btn bg-[#3B82F6] dark:bg-[#fff] opacity-[0.5] border border-gray-600 sm:hover:bg-blue-600 dark:sm:hover:bg-gray-300 transition duration-100 btn-md w-full rounded-md m-auto text-white dark:text-black font-semibold text-[1rem]"
> >
<div class="flex flex-row m-auto items-center"> <div class="flex flex-row m-auto items-center">
<span class="loading loading-infinity"></span> <span class="loading loading-infinity"></span>
@ -133,21 +131,23 @@
</label> </label>
{/if} {/if}
</div> </div>
<p <p class="hidden sm:block pb-1 text-xs text-center w-full max-w-lg">
class="hidden sm:block pb-1 text-xs text-center w-full max-w-lg text-white"
>
By registering you agree to stocknear's By registering you agree to stocknear's
<a href="/terms-of-use" class="text-blue-400 hover:underline" <a
href="/terms-of-use"
class="text-blue-500 dark:text-blue-400 sm:hover:underline"
>Terms of Use</a >Terms of Use</a
> >
and acknowledge that you've read our and acknowledge that you've read our
<a href="/privacy-policy" class="text-blue-400 hover:underline" <a
href="/privacy-policy"
class="text-blue-500 dark:text-blue-400 sm:hover:underline"
>Privacy Policy</a >Privacy Policy</a
>. >.
</p> </p>
<div class="divider divider-[#fff] pt-10 pb-10"> <div class="divider divider-[#fff] pt-10 pb-10">
<span class="text-white text-[1rem] z-10">Or register using</span> <span class=" text-[1rem] z-10">Or register using</span>
</div> </div>
<div class="flex flex-row items-center gap-x-5 pb-6"> <div class="flex flex-row items-center gap-x-5 pb-6">
@ -158,7 +158,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverGoogle} on:mouseenter={handleHoverGoogle}
on:mouseleave={handleHoverGoogle} on:mouseleave={handleHoverGoogle}
class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white" class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
> >
<svg <svg
class="{isHoveredGoogle ? 'shake-logo' : ''} w-6 h-6 inline-block" class="{isHoveredGoogle ? 'shake-logo' : ''} w-6 h-6 inline-block"
@ -206,7 +206,7 @@
on:click={() => (oauthLoading = !oauthLoading)} on:click={() => (oauthLoading = !oauthLoading)}
on:mouseenter={handleHoverDiscord} on:mouseenter={handleHoverDiscord}
on:mouseleave={handleHoverDiscord} on:mouseleave={handleHoverDiscord}
class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary text-white" class="cursor-pointer shrink-0 rounded-full w-12 h-12 relative bg-default flex items-center justify-center border border-gray-600 sm:hover:bg-secondary"
> >
<svg <svg
class="{isHoveredDiscord class="{isHoveredDiscord
@ -759,10 +759,14 @@
</div> </div>
<p <p
class="pt-2 pb-1 text-sm w-full max-w-lg text-white flex justify-center items-center" class="pt-2 pb-1 text-sm w-full max-w-lg flex justify-center items-center"
> >
You already have an account? You already have an account?
<a href="/login" class="text-blue-400 hover:underline ml-1">Sign in</a> <a
href="/login"
class="text-blue-500 dark:text-blue-400 sm:hover:underline ml-1"
>Sign in</a
>
</p> </p>
</form> </form>
</div> </div>
@ -773,11 +777,15 @@
class="absolute bottom-5 pb-1 text-xs text-center w-full max-w-lg text-gray-300" class="absolute bottom-5 pb-1 text-xs text-center w-full max-w-lg text-gray-300"
> >
By registering you agree to stocknear's By registering you agree to stocknear's
<a href="/terms-of-use" class="text-blue-400 hover:underline" <a
href="/terms-of-use"
class="text-blue-500 dark:text-blue-400 sm:hover:underline"
>Terms of Use</a >Terms of Use</a
> >
and acknowledge that you've read our and acknowledge that you've read our
<a href="/privacy-policy" class="text-blue-400 hover:underline" <a
href="/privacy-policy"
class="text-blue-500 dark:text-blue-400 sm:hover:underline"
>Privacy Policy</a >Privacy Policy</a
>. >.
</p> </p>