Added hover effect to cards (#44)

final-hill · Dec 6, 2023 · a9e93b9 · a9e93b9
1 parent dcf3e87
commit a9e93b9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -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)'