style updates

LayerTwo-Labs · Feb 2, 2025 · 86683d4 · 86683d4
1 parent 612251c
commit 86683d4
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 9 deletions.
diff --git a/src/components/Card.js b/src/components/Card.js
@@ -339,7 +339,7 @@ const Card = ({
             >
               {getButtonText()}
             </button>
-            <div style={{ display: 'flex', gap: '8px' }}>
+            <div style={{ display: 'flex', gap: '4px' }}>
               <a 
                 href={chain.repo_url}
                 target="_blank"

diff --git a/src/components/GitHubIcon.module.css b/src/components/GitHubIcon.module.css
@@ -1,13 +1,28 @@
-.icon {
-  opacity: 0.6;
-  transition: opacity 0.2s;
-  color: #333;
+.iconWrapper {
+  position: relative;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.3s ease;
 }
 
-:global(.dark) .icon {
-  color: #fff;
+.iconWrapper:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+:global(.light) .iconWrapper:hover {
+  background-color: rgba(0, 0, 0, 0.05);
 }
 
-.icon:hover {
-  opacity: 1;
+:global(.light) .iconWrapper {
+  color: #333;
+}
+
+:global(.dark) .iconWrapper {
+  color: #fff;
 }