From a9e93b9ea780872498e2c064336dd7ba47bba1e7 Mon Sep 17 00:00:00 2001
From: Michael Haufe <tno@thenewobjective.com>
Date: Tue, 5 Dec 2023 19:27:18 -0600
Subject: [PATCH] Added hover effect to cards (#44)

---
 src/presentation/components/MiniCard.mts  | 3 +++
 src/presentation/components/PegsCards.mts | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/src/presentation/components/MiniCard.mts b/src/presentation/components/MiniCard.mts
index 852eba64..afe5a1ab 100644
--- a/src/presentation/components/MiniCard.mts
+++ b/src/presentation/components/MiniCard.mts
@@ -36,6 +36,9 @@ export class MiniCard extends Component {
                 padding: '1em',
                 width: '10em',
             },
+            '.mini-card:hover': {
+                filter: 'brightness(1.2)'
+            },
             'a': {
                 alignItems: 'center',
                 color: 'var(--site-light-bg)',
diff --git a/src/presentation/components/PegsCards.mts b/src/presentation/components/PegsCards.mts
index c2b8484f..bb367115 100644
--- a/src/presentation/components/PegsCards.mts
+++ b/src/presentation/components/PegsCards.mts
@@ -40,6 +40,9 @@ export class PegsCards extends Container {
                 backgroundColor: 'var(--site-dark-bg)',
                 boxShadow: '4px 5px 5px 0px var(--shadow-color)'
             },
+            'x-pegs-card:hover': {
+                filter: 'brightness(1.2)'
+            },
             'x-pegs-card:first-of-type': {
                 backgroundColor: 'transparent',
                 border: '1px dashed var(--font-color)'