From 793696b859697786862fd82b54840538b82815f7 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 9 Jun 2023 02:40:32 +0200
Subject: [PATCH] Added the glassy class to the ActionCard.jsx

---
 webui/src/pages/Home/components/ActionCard/ActionCard.jsx | 2 +-
 webui/src/pages/Home/components/ActionCard/styles.sass    | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/webui/src/pages/Home/components/ActionCard/ActionCard.jsx b/webui/src/pages/Home/components/ActionCard/ActionCard.jsx
index 6518dd8..4f1aa68 100644
--- a/webui/src/pages/Home/components/ActionCard/ActionCard.jsx
+++ b/webui/src/pages/Home/components/ActionCard/ActionCard.jsx
@@ -3,7 +3,7 @@ import "./styles.sass";
 
 export const ActionCard = ({ title, icon, onClick }) => {
   return (
-    <div className="action-card" onClick={onClick}>
+    <div className="glassy action-card" onClick={onClick}>
         <FontAwesomeIcon icon={icon} />
         <h1>{title}</h1>
     </div>
diff --git a/webui/src/pages/Home/components/ActionCard/styles.sass b/webui/src/pages/Home/components/ActionCard/styles.sass
index aea1aa2..44aa13d 100644
--- a/webui/src/pages/Home/components/ActionCard/styles.sass
+++ b/webui/src/pages/Home/components/ActionCard/styles.sass
@@ -3,11 +3,7 @@
 .action-card
   display: flex
   flex-direction: column
-  background-color: $background
   padding: 2rem 0
-  backdrop-filter: blur(10px)
-  border: 2px solid $border
-  border-radius: 1rem
   width: 13rem
   text-align: center
   gap: 2rem