tweak layout and demo content.

CriticalMoments · Feb 19, 2024 · f5c79d9 · f5c79d9
1 parent 258b6c9
commit f5c79d9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/routes/(marketing)/pricing/+page.svelte b/src/routes/(marketing)/pricing/+page.svelte
@@ -8,7 +8,7 @@
   <meta name="description" content="Pricing details for {PUBLIC_SITE_NAME}" />
 </svelte:head>
 
-<div class="min-h-[70vh] pb-8 pt-[5vh] px-6">
+<div class="min-h-[70vh] pb-8 pt-[5vh] px-4">
   <h1 class="text-3xl font-bold text-center">Pricing</h1>
   <h2 class="text-xl text-center text-slate-500 mt-1 pb-3">
     Totally free, scale to millions of users

diff --git a/src/routes/(marketing)/pricing/pricing_module.svelte b/src/routes/(marketing)/pricing/pricing_module.svelte
@@ -31,17 +31,22 @@
       freeIncluded: false,
       proIncluded: true,
     },
+    {
+      name: "Feature 3",
+      freeString: "3",
+      proString: "Unlimited",
+    },
     {
       name: "Section 2",
       header: true,
     },
     {
-      name: "Feature 3",
+      name: "Feature 4",
       freeIncluded: true,
       proIncluded: true,
     },
     {
-      name: "Feature 4",
+      name: "Feature 5",
       freeIncluded: false,
       proIncluded: true,
     },
@@ -226,13 +231,20 @@
             <td class="text-center">
               {#if feature.proString}
                 {feature.proString}
-              {:else}
+              {:else if feature.proIncluded}
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   class="w-8 h-8 ml-2 inline text-success"
                 >
                   <use href="#checkcircle" />
                 </svg>
+              {:else}
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  class="w-[26px] h-[26px] inline text-base-200"
+                >
+                  <use href="#nocircle" />
+                </svg>
               {/if}
             </td>
           </tr>