From d0afaa4cd25a6ebc46a7d202eee4e1741172d6cf Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Fri, 6 Sep 2024 10:40:03 +0200
Subject: [PATCH] ui fixes

---
 src/lib/components/TickerInfoCard.svelte |  4 ++--
 src/routes/+page.svelte                  | 19 ++++++++-----------
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/TickerInfoCard.svelte b/src/lib/components/TickerInfoCard.svelte
index 1e7bb356..4945b611 100644
--- a/src/lib/components/TickerInfoCard.svelte
+++ b/src/lib/components/TickerInfoCard.svelte
@@ -179,12 +179,12 @@ $: {
           </table>
         </div>
 
-        <h2 class="text-start sm:ml-4 text-xl font-bold text-white pb-2 pt-5 sm:pt-3">
+        <h2 class="text-start sm:ml-4 text-xl font-bold text-white pb-2 pt-5 sm:pt-3 p-1 sm:p-0">
           Description
         </h2>
 
 
-        <p class="text-gray-100 sm:ml-2 text-sm whitespace-normal sm:p-2">
+        <p class="text-gray-100 sm:ml-2 text-sm whitespace-normal p-1 sm:p-2">
           {#if showFullText}
           <div transition:fade={{ delay: 0, duration: 80 }} in={showFullText}>
             {description}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index bd0e1cef..8d51366e 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script lang='ts'>  
-  //import DotPattern from '$lib/components/DotPattern.svelte';
+  import DotPattern from '$lib/components/DotPattern.svelte';
   import Marquee from '$lib/components/Marquee.svelte';
   import Pricing from '$lib/components/Pricing.svelte';
   //import Discount from '$lib/components/Discount.svelte';
@@ -53,7 +53,7 @@ function callback(entry: IntersectionObserverEntry) {
 
 </svelte:head>
 
-<!--
+
 <DotPattern
 width={20}
 height={20}
@@ -62,7 +62,7 @@ cy={10}
 cr={1}
 class="hidden sm:block [mask-image:linear-gradient(to_bottom_right,white,transparent,transparent)] "
 />
--->
+
 
 <div class="w-full max-w-screen overflow-hidden m-auto min-h-screen bg-[#09090B]">
 
@@ -122,10 +122,10 @@ class="hidden sm:block [mask-image:linear-gradient(to_bottom_right,white,transpa
                                           />
                                         </span>
                                         <span
-                                          class="backdrop absolute inset-px rounded-[11px] bg-purple-600 transition-colors duration-200 sm:group-hover:bg-purple-500"
+                                          class="backdrop absolute inset-px rounded-[11px] bg-purple-600 transition-colors duration-200 sm:group-hover:bg-purple-700"
                                         />
                                         <span class="z-10 text-white text-[1rem] sm:text-lg font-semibold">
-                                          <slot>Start free 30 days trial  <span class="ml-2 mt-0.5 tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out">
+                                          <slot>Start free 30 days trial  <span class="ml-2 mt-0.5 tracking-normal group-hover:translate-x-0.5 transition-transform duration-100 ease-in-out">
                                         </span></slot>
                                         <svg class="w-4 h-4 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g transform="rotate(90 12 12)"><g fill="none"><path d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"/><path fill="#fff" d="M13.06 3.283a1.5 1.5 0 0 0-2.12 0L5.281 8.939a1.5 1.5 0 0 0 2.122 2.122L10.5 7.965V19.5a1.5 1.5 0 0 0 3 0V7.965l3.096 3.096a1.5 1.5 0 1 0 2.122-2.122L13.06 3.283Z"/></g></g></svg>
 
@@ -154,13 +154,10 @@ class="hidden sm:block [mask-image:linear-gradient(to_bottom_right,white,transpa
                                         <svg class="w-5 h-5 sm:w-6 sm:h-6 ms-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#FAC109" d="m5.825 21l1.625-7.025L2 9.25l7.2-.625L12 2l2.8 6.625l7.2.625l-5.45 4.725L18.175 21L12 17.275z"/></svg>
                                       </div>
                                       <span class="text-sm font-semibold text-white mt-1.5">
-                                        Used by over 2,000+ traders
+                                        Subscribed by over 160+ traders
                                       </span>
                                     </div>
 
-
-
-
                                     </div>
                                     
 
@@ -502,7 +499,7 @@ class="hidden sm:block [mask-image:linear-gradient(to_bottom_right,white,transpa
 
 
 
-    <section class="bg-[#0A0A0A] w-full max-w-screen ">
+    <section class="bg-[#27272A] w-full max-w-screen ">
       <div class="py-8 px-4 mx-auto max-w-screen-xl sm:py-16 lg:px-6">
           <div class="flex flex-col sm:flex-row items-center mt-10 mb-10 mx-auto justify-center">
               <div class="m-auto sm:mx-8 text-center sm:text-start">
@@ -518,7 +515,7 @@ class="hidden sm:block [mask-image:linear-gradient(to_bottom_right,white,transpa
                 />
               </span>
               <span
-                class="backdrop absolute inset-px rounded-[11px] bg-purple-600 transition-colors duration-200 sm:group-hover:bg-purple-500"
+                class="backdrop absolute inset-px rounded-[11px] bg-purple-600 transition-colors duration-100 sm:group-hover:bg-purple-700"
               />
               <span class="z-10 text-white text-[1rem] sm:text-lg font-semibold">
                 <slot>Free trial for 30 days</slot>