From 9e162fab4c0c8656c7d2875ec64aad5559928340 Mon Sep 17 00:00:00 2001
From: M3DZIK <me@medzik.dev>
Date: Fri, 26 Apr 2024 18:49:45 +0200
Subject: [PATCH] Update librepass card

---
 src/lib/Card.svelte     | 15 ---------------
 src/routes/+page.svelte | 18 +++++++++++++-----
 2 files changed, 13 insertions(+), 20 deletions(-)
 delete mode 100644 src/lib/Card.svelte

diff --git a/src/lib/Card.svelte b/src/lib/Card.svelte
deleted file mode 100644
index 7f1af0d..0000000
--- a/src/lib/Card.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-    export let icon: any;
-    export let title: string;
-    export let description: string;
-</script>
-
-<div class="card variant-glass md:p-10 shadow-lg space-y-4 text-center btn whitespace-normal grid">
-    <div class="mx-auto variant-glass rounded-2xl p-2" style="width: 50px; height: 50px;">
-        <svelte:component this={icon} />
-    </div>
-
-    <h3 class="h3">{title}</h3>
-
-    <p>{description}</p>
-</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 37b4127..b1c796e 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -77,11 +77,19 @@
 
         <div class="flex justify-center">
             <a href="https://librepass.org" target="_blank" class="max-w-xl">
-                <Card
-                    icon={MdSecurity}
-                    title="LibrePass"
-                    description="LibrePass is an open-source password manager that prioritizes security and ease of use."
-                />
+                <div class="card variant-filled-error bg-opacity-25 md:p-10 shadow-lg space-y-4 text-center btn whitespace-normal grid">
+                    <div class="mx-auto variant-filled-error bg-opacity-50 rounded-2xl p-2" style="width: 50px; height: 50px;">
+                        <MdSecurity />
+                    </div>
+                
+                    <h3 class="h3">
+                        LibrePass
+                    </h3>
+                
+                    <p class="opacity-85">
+                        LibrePass is an open-source password manager that prioritizes security and ease of use.
+                    </p>
+                </div>
             </a>
         </div>
     </div>