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

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-18 20:53:11 +02:00
parent 9fb7d8e6eb
commit 47cc3220f2
2 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/routes/+layout.svelte
View File

@ -40,7 +40,7 @@
import Newspaper from "lucide-svelte/icons/newspaper";
import MessageCircle from "lucide-svelte/icons/message-circle";
import AudioLine from "lucide-svelte/icons/audio-lines";
import Gem from 'lucide-svelte/icons/gem';
export let data;
@ -589,7 +589,20 @@ $: {
</div>
</a>
</Button>
</Sheet.Close>
</Sheet.Close>
<Sheet.Close asChild let:builder>
<Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 w-full">
<a href="/pricing" class="flex flex-row items-center w-full -mt-2">
<div 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">
<Gem class="h-5.5 w-5.5" />
</div>
<span class="ml-3 text-white text-[1rem]">Pricing</span>
</div>
</a>
</Button>
</Sheet.Close>
</nav>
@ -920,6 +933,16 @@ $: {
</div>
<span class="ml-3 text-white">Community</span>
</a>
<a href="/pricing" class="flex flex-row items-center ml-9 w-full mt-3">
<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"
>
<Gem class="h-5.5 w-5.5" />
</div>
<span class="ml-3 text-white">Pricing</span>
</a>
</nav>
{#if data?.user?.tier === 'Free' || data?.user?.freeTrial === true}

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

@ -375,7 +375,7 @@ async function purchasePlan(subscriptionType:string='') {
<div class="sm:h-[660px] sm:order-2 box sm:-mt-10 flex flex-col p-6 lg:p-8 mx-auto ring-[1px] ring-gray-400 rounded-lg w-full text-center text-white">
<div class="absolute top-0 left-1/2 transform -translate-x-1/2 rounded-b-2xl flex flex-row border border-gray-300 items-center p-2">
<div class="absolute top-0 left-1/2 transform -translate-x-1/2 rounded-b-2xl flex flex-row border-l border-r border-b border-gray-400 items-center p-2">
<span class="text-white text-md font-semibold px-3">
Best Support
</span>