From 47cc3220f2c69d118f7901eee6b0a86878120453 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Sun, 18 Aug 2024 20:53:11 +0200
Subject: [PATCH] ui fixes

---
 src/routes/+layout.svelte       | 27 +++++++++++++++++++++++++--
 src/routes/pricing/+page.svelte |  2 +-
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 8bb3a577..6f018fae 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -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}
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index f2c584cf..121c6c3d 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -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>