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 2025-03-12 01:46:40 +01:00
parent 1db58241e8
commit 713ba50770
1 changed files with 41 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -154,7 +154,28 @@
<!--<Discount/>-->
<div class="flex flex-row items-center justify-end">
<div class="flex flex-row items-center justify-center lg:justify-between">
<div
class="hidden lg:inline-flex items-center px-2.5 py-1 rounded-md bg-blue-100 dark:bg-indigo-500/10 border border-blue-100 shadow-sm dark:border-indigo-500/20"
>
<svg
stroke="currentColor"
fill="currentColor"
stroke-width="0"
viewBox="0 0 576 512"
class="text-muted dark:text-indigo-400 mr-1.5 text-xs"
height="1em"
width="1em"
xmlns="http://www.w3.org/2000/svg"
><path
d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
></path></svg
><span class="text-sm text-muted dark:text-indigo-300"
>Rated <span class="font-medium mx-0.5">Excellent</span> on Trustpilot</span
>
</div>
<div class="flex flex-row items-center">
<span class="text-[1rem] font-semibold mr-3"> Monthly </span>
<label class="inline-flex cursor-pointer relative">
@ -175,13 +196,14 @@
<div class="ml-3 flex flex-col text-[1rem] items-start">Annually</div>
</div>
</div>
<div
class="grid max-w-md grid-cols-1 gap-6 mx-auto text-center lg:max-w-full lg:grid-cols-3"
>
<div
style="opacity: 1; transform: translateY(20px);"
class="flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
class="hidden lg:flex flex-col relative bg-zinc-300 dark:bg-zinc-900 bg-opacity-80 backdrop-filter backdrop-blur-lg rounded-xl overflow-visible border border-zinc-300 dark:border-zinc-600 p-6 isolate"
>
<h3 class="text-3xl font-bold">Basic</h3>
<p class="text-muted dark:text-zinc-300 text-sm mt-1">