chore:Replace svg format image with webp format image (#19)

* chore:Replace SVG format image with webp format image * update feature list
undb-io · Jul 10, 2023 · 2f4880e · 2f4880e · vercel · Jul 10, 2023
1 parent 2bd5067
commit 2f4880e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 9 deletions.
diff --git a/public/images/clients/undb-mac.webp b/public/images/clients/undb-mac.webp
diff --git a/src/components/LiveDemo.astro b/src/components/LiveDemo.astro
@@ -54,8 +54,8 @@ import Container from './Container.astro'
           <div class="text-xl whitespace-nowrap">Keyboard shortcuts</div>
           <div class="text-xl whitespace-nowrap">Cloud services</div>
           <div class="text-xl whitespace-nowrap">Single sign-on</div>
-          <div class="text-xl whitespace-nowrap">Dark mode</div>
-          <div class="text-xl whitespace-nowrap">OpenAPI</div>
+          <div class="text-xl whitespace-nowrap line-through text-gray-200">Dark mode</div>
+          <div class="text-xl whitespace-nowrap line-through text-gray-200">OpenAPI</div>
 
         </div>
       </div>

diff --git a/src/components/Stats.astro b/src/components/Stats.astro
@@ -99,19 +99,14 @@ const { src = "/images/clients/undb-mac.png" } = Astro.props;
       </div>
       <div class="md:5/12 lg:w-3/5">
         <div class="lg:block relative w-[100%] lg:w-[110%]">
-          <img
-            class="object-cover w-[160%] md:blur-[1px]"
-            src={src}
-            alt=""
-            decoding="async"
-          />
+          <img src="/images/clients/undb-mac.webp" alt="WebP Image" />
 
           <a
             href="https://demo.undb.xyz/"
             class="relative lg:absolute md:left-[50%] md:top-[50%] md:translate-x-[-50%] flex h-12 w-full items-center justify-center px-8 before:absolute before:inset-0 before:rounded-full before:bg-primary/10 dark:before:border-gray-700 dark:before:bg-gray-800 md:before:bg-indigo-500/80 before:transition before:duration-300 hover:before:scale-105 active:duration-75 active:before:scale-95 lg:w-max"
           >
             <span
-              class="relative text-base font-semibold text-primary md:text-white dark:text-dark"
+              class="relative text-base font-semibold text-primary md:text-white dark:text-gray-50"
               >Live Demo</span
             >
           </a>