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-09-06 10:40:03 +02:00
parent 88d379d08d
commit d0afaa4cd2
2 changed files with 10 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/TickerInfoCard.svelte
View File

@ -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}

19
src/routes/+page.svelte
View File

@ -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>