ui fixes
This commit is contained in:
MuslemRahimi
parent
1375c2812e
commit
1aa6be70bf
@ -21,6 +21,6 @@
|
||||
on:click
|
||||
>
|
||||
<slot />
|
||||
<ChevronDown class="h-4 w-4 absolute right-40 sm:right-16 transition-transform duration-200 " />
|
||||
<ChevronDown class="h-4 w-4 absolute right-32 sm:right-16 transition-transform duration-200 " />
|
||||
</AccordionPrimitive.Trigger>
|
||||
</AccordionPrimitive.Header>
|
||||
@ -12,6 +12,7 @@
|
||||
import Footer from '$lib/components/Footer.svelte';
|
||||
import Searchbar from '$lib/components/Searchbar.svelte';
|
||||
import NotificationBell from '$lib/components/NotificationBell.svelte';
|
||||
import { goto } from "$app/navigation";
|
||||
//import PullToRefresh from '$lib/components/PullToRefresh.svelte';
|
||||
|
||||
//import DiscountBanner from '$lib/components/DiscountBanner.svelte';
|
||||
@ -677,7 +678,7 @@ $: {
|
||||
|
||||
<Accordion.Item value="item-1">
|
||||
|
||||
<Accordion.Trigger class="w-fit">
|
||||
<Accordion.Trigger class="">
|
||||
<Stock class="h-5.5 w-5.5 mr-3 text-white ml-1"/>
|
||||
<span class="text-white mr-auto">Stocks</span>
|
||||
</Accordion.Trigger>
|
||||
@ -751,9 +752,9 @@ $: {
|
||||
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center mr-auto w-3/4">
|
||||
<div class="flex flex-row items-center mr-auto">
|
||||
|
||||
<Accordion.Root class="w-fit">
|
||||
<Accordion.Root class="w-full">
|
||||
|
||||
<Accordion.Item value="item-1">
|
||||
|
||||
@ -795,10 +796,148 @@ $: {
|
||||
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center mr-auto">
|
||||
|
||||
<Accordion.Root class="w-fit">
|
||||
|
||||
<Accordion.Item value="item-1">
|
||||
|
||||
<Accordion.Trigger class="">
|
||||
<Option class="h-5.5 w-5.5 mr-3 text-white ml-1"/>
|
||||
<span class="text-white mr-auto">Options</span>
|
||||
</Accordion.Trigger>
|
||||
<Accordion.Content class="border-l border-gray-500 ml-2 mt-5">
|
||||
|
||||
<Sheet.Close asChild let:builder>
|
||||
<div class="flex flex-col items-start">
|
||||
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417]">
|
||||
<a href="/options-flow" class="text-[1rem] text-white ml-4 mt-2">Options Flow</a>
|
||||
</Button>
|
||||
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417]">
|
||||
<a href="options-zero-dte" class="text-[1rem] text-white ml-4 mt-4">0DTE Flow</a>
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
</Sheet.Close>
|
||||
|
||||
|
||||
</Accordion.Content
|
||||
>
|
||||
</Accordion.Item>
|
||||
</Accordion.Root>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center mr-auto ">
|
||||
|
||||
<Accordion.Root class="w-fit">
|
||||
|
||||
<Accordion.Item value="item-1">
|
||||
|
||||
<Accordion.Trigger class="">
|
||||
<HandShake class="h-5.5 w-5.5 mr-3 text-white ml-1"/>
|
||||
<span class="text-white w-full mr-auto">Congress</span>
|
||||
</Accordion.Trigger>
|
||||
<Accordion.Content class="border-l border-gray-500 ml-2 mt-5">
|
||||
|
||||
<Sheet.Close asChild let:builder>
|
||||
<div class="flex flex-col items-start">
|
||||
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417]">
|
||||
<a href="/politicians/flow-data" class="text-[1rem] text-white ml-4 mt-2">Congress Flow</a>
|
||||
</Button>
|
||||
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417]">
|
||||
<a href="/politicians" class="text-[1rem] text-white ml-4 mt-4">All Politicians</a>
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
</Sheet.Close>
|
||||
|
||||
|
||||
</Accordion.Content
|
||||
>
|
||||
</Accordion.Item>
|
||||
</Accordion.Root>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center mr-auto -mt-2">
|
||||
<Sheet.Close asChild let:builder>
|
||||
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 mr-auto">
|
||||
<a href="/dark-pool-flow" class="flex flex-row items-center mr-auto">
|
||||
<div class="flex h-9 w-9 items-center justify-center rounded-lg text-white transition-colors hover:text-white md:h-8 md:w-8">
|
||||
<Box class="h-5.5 w-5.5" />
|
||||
</div>
|
||||
<span class="ml-1.5 text-white text-[1rem]">Dark Pool</span>
|
||||
</a>
|
||||
</Button>
|
||||
</Sheet.Close>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center mr-auto -mt-2">
|
||||
<Sheet.Close asChild let:builder>
|
||||
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 mr-auto">
|
||||
<a href="/hedge-funds" class="flex flex-row items-center mr-auto">
|
||||
<div class="flex h-9 w-9 items-center justify-center rounded-lg text-white transition-colors hover:text-white md:h-8 md:w-8">
|
||||
<Boxes class="h-5.5 w-5.5" />
|
||||
</div>
|
||||
<span class="ml-1.5 text-white text-[1rem]">Hedge Funds</span>
|
||||
</a>
|
||||
</Button>
|
||||
</Sheet.Close>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center mr-auto -mt-2">
|
||||
<Sheet.Close asChild let:builder>
|
||||
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 mr-auto">
|
||||
<a href="/market-news" class="flex flex-row items-center mr-auto">
|
||||
<div class="flex h-9 w-9 items-center justify-center rounded-lg text-white transition-colors hover:text-white md:h-8 md:w-8">
|
||||
<Newspaper class="h-5.5 w-5.5" />
|
||||
</div>
|
||||
<span class="ml-1.5 text-white text-[1rem]">News</span>
|
||||
</a>
|
||||
</Button>
|
||||
</Sheet.Close>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row items-center mr-auto w-full -mt-2">
|
||||
<Sheet.Close asChild let:builder>
|
||||
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 mr-auto">
|
||||
<a href="/community" class="flex flex-row items-center mr-auto">
|
||||
<div class="flex h-9 w-9 items-center justify-center rounded-lg text-white transition-colors hover:text-white md:h-8 md:w-8">
|
||||
<MessageCircle class="h-5.5 w-5.5" />
|
||||
</div>
|
||||
<span class="ml-1.5 text-white text-[1rem]">Community</span>
|
||||
</a>
|
||||
</Button>
|
||||
</Sheet.Close>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</nav>
|
||||
|
||||
{#if data?.user?.tier === 'Free' || data?.user?.freeTrial === true}
|
||||
<div class="p-6 left-0 bottom-5 m-auto absolute">
|
||||
<Card.Root
|
||||
>
|
||||
<Card.Header class="p-4">
|
||||
<Card.Title>Upgrade to Pro</Card.Title>
|
||||
<Card.Description>
|
||||
Unlock all features of the platform and level up your trading.
|
||||
</Card.Description>
|
||||
</Card.Header>
|
||||
<Card.Content class="p-4">
|
||||
<Sheet.Close asChild let:builder>
|
||||
<Button on:click={() => goto('/pricing')} builders={[builder]} type="submit" size="sm" class="w-full bg-white hover:bg-white/80">
|
||||
<span class="flex flex-row items-center text-black font-semibold text-center">
|
||||
Upgrade
|
||||
</span>
|
||||
</Button>
|
||||
</Sheet.Close>
|
||||
</Card.Content>
|
||||
</Card.Root>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
</Sheet.Content>
|
||||
</Sheet.Root>
|
||||
|
||||
|
||||
@ -110,7 +110,7 @@ async function purchasePlan() {
|
||||
<div class="mx-auto text-center mb-8 ">
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-slate-200/60 via-slate-200 to-slate-200/60 pb-4">
|
||||
<h1 class="text-4xl font-bold bg-gradient-to-r from-[#E8BB28] to-purple-500 bg-clip-text text-transparent pb-4">
|
||||
Flexible plans and features
|
||||
</h1>
|
||||
<div class="w-full flex justify-center items-center h-16 bg-[#09090B] rounded-lg">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user