64 lines
2.3 KiB
Svelte
64 lines
2.3 KiB
Svelte
<script lang="ts">
|
|
import ArrowLogo from "lucide-svelte/icons/move-up-right";
|
|
|
|
export let data;
|
|
</script>
|
|
|
|
<section class="w-full overflow-hidden min-h-screen">
|
|
<div class="w-full overflow-hidden m-auto">
|
|
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
|
|
<div
|
|
class="relative flex justify-center items-start overflow-hidden w-full"
|
|
>
|
|
<main class="w-full lg:w-3/4 lg:pr-10">
|
|
<slot />
|
|
</main>
|
|
|
|
<aside class="hidden lg:block relative fixed w-1/4 mt-3">
|
|
<div
|
|
class="w-full border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer sm:hover:shadow-lg dark:sm:hover:bg-secondary transition ease-out duration-100"
|
|
>
|
|
<a
|
|
href={"/price-alert"}
|
|
class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"
|
|
>
|
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
|
<h2 class="text-start text-xl font-semibold ml-3">
|
|
Price Alert
|
|
</h2>
|
|
<ArrowLogo
|
|
class="w-8 h-8 mr-3 shrink-0 text-gray-400 dark:text-white"
|
|
/>
|
|
</div>
|
|
<span class="p-3 ml-3 mr-3">
|
|
Customize your alerts to never miss out again
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div
|
|
class="w-full border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer sm:hover:shadow-lg dark:sm:hover:bg-secondary transition ease-out duration-100"
|
|
>
|
|
<a
|
|
href={"/stock-screener"}
|
|
class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"
|
|
>
|
|
<div class="w-full flex justify-between items-center p-3 mt-3">
|
|
<h2 class="text-start text-xl font-semibold ml-3">
|
|
Stock Screener
|
|
</h2>
|
|
<ArrowLogo
|
|
class="w-8 h-8 mr-3 shrink-0 text-gray-400 dark:text-white"
|
|
/>
|
|
</div>
|
|
<span class="p-3 ml-3 mr-3">
|
|
Build your Stock Screener to find profitable stocks.
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|