From e579f90a89f1ebbc3a2f1b211cc95d33716e3950 Mon Sep 17 00:00:00 2001
From: Carlos Valdez <cvaldezh@uci.edu>
Date: Tue, 11 Jun 2024 02:03:09 -0700
Subject: [PATCH] fix(index): members hover uses box-shadow to fix hydration
 issue

A React hydration issue made the light-mode version of the
hover colors appear on dark-mode version of the website, making
it way too bright. Therefore, we're just going to be using a
box-shadow to make it easier on the eyes.

Resolves #36
Ref: https://github.com/facebook/docusaurus/issues/7986
---
 src/components/members.scss | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/src/components/members.scss b/src/components/members.scss
index b9dd599..ce3697c 100644
--- a/src/components/members.scss
+++ b/src/components/members.scss
@@ -1,15 +1,3 @@
-.lightMemberBackground {
-	&:hover {
-		background-color: rgb(240, 240, 240);
-	}
-}
-
-.darkMemberBackground {
-	&:hover {
-		background-color: rgb(50, 50, 50);
-	}
-}
-
 .member_container {
 	width: 300px;
 	margin: 10px;
@@ -19,6 +7,7 @@
 
 	&:hover {
 		text-decoration: none;
+		box-shadow: 0 2px 10px grey;
 	}
 
 	img {