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 2024-06-30 19:49:24 +02:00
parent 12a108251f
commit e384decb43
3 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/Discount.svelte
View File

@ -48,7 +48,7 @@ clearInterval(interval);
<div class="lg:max-w-xl w-full bg-[#3244ff] p-4 rounded-none sm:rounded-lg shadow-md m-auto">
<div class="container bg-[#3244ff] p-4 mt-4">
<h2 class="text-2xl font-bold text-white text-center">75% OFF Your Annual Subscription!</h2>
<h2 class="text-2xl font-bold text-white text-center">75% OFF Your Subscription!</h2>
</div>
<div class="container text-center">
<p class="text-white font-bold text-xl">

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

@ -201,7 +201,7 @@ async function loadSearchData() {
{#if (data?.user?.tier === 'Pro' && data?.user?.freeTrial === true) || (data?.user?.tier !== 'Pro' && data?.user?.freeTrial === false) }
<div class="text-center mb-5 relative w-fit flex justify-center m-auto">
<a href="/pricing" class="text-white antialiased bg-[#202020] w-full px-4 py-2 rounded-xl m-auto font-medium text-sm flex items-center">
<span class="font-semibold uppercase">75% Off Annual Subscription – Summer Special!</span>
<span class="font-semibold uppercase">SAVE 75% Off Subscription – Summer Special!</span>
</a>
<div class="absolute top-[-1.2rem] -right-5 sm:-right-8 rotate-[7deg]">
<span class="bg-[#FBCE3C] text-black text-sm sm:text-[0.9rem] rounded-xl font-semibold sm:me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300">

12
src/routes/pricing/+page.svelte
View File

@ -9,7 +9,7 @@ import { onMount } from 'svelte';
export let data;
let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
let mode = true;
let mode = false;
const emailAddress = 'support@stocknear.com';
function toggleMode()
@ -258,20 +258,18 @@ async function purchasePlan() {
<div class="flex flex-col mb-6 items-center">
<div class="flex flex-row items-center">
<span class="mr-2 text-4xl font-bold {mode === true ? 'line-through' : ''}">{mode ? '$499' : '$49.99'}</span>
<span class="text-white text-xl {mode === true ? 'line-through' : ''}">{mode ? '/year' : '/month'}</span>
<span class="mr-2 text-4xl font-bold line-through">{mode ? '$499' : '$49.99'}</span>
<span class="text-white text-xl line-through">{mode ? '/year' : '/month'}</span>
</div>
{#if mode === true}
<div class="flex flex-col items-center">
<div class="flex flex-row items-center">
<span class="mr-2 text-[#FFF374] text-3xl font-bold">$124.75</span>
<span class="text-[#FFF374] text-xl">/year</span>
<span class="mr-2 text-[#FFF374] text-3xl font-bold">{mode ? '$124.75' : '$12.50'}</span>
<span class="text-[#FFF374] text-xl">{mode ? '/year' : '/month'}</span>
</div>
<span class="text-white font-bold text-xl mt-3">
Promo Code: SUMMER75
</span>
</div>
{/if}
<!--
<div class="flex items-center mt-2 text-[1rem] text-center">