tweak contributors list component

jcubic · Sep 13, 2024 · 0c509fd · 0c509fd
1 parent dbf7df9
commit 0c509fd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/docs/src/components/Contributors/index.tsx b/docs/src/components/Contributors/index.tsx
@@ -18,8 +18,8 @@ export default function Contributors() {
         {users.map((user: User) => {
           return (
             <li key={user.login}>
-              <a href={user.url} rel="nofollow noopener">
-                <img src={user.avatar} alt={user.name} />
+              <a href={user.url} rel="nofollow noopener" title={user.name}>
+                <img src={user.avatar} alt={`Avatar of ${user.name}`} />
               </a>
             </li>
           );

diff --git a/docs/src/components/Contributors/style.module.css b/docs/src/components/Contributors/style.module.css
@@ -4,14 +4,15 @@
 }
 
 .contributors {
+    --avatar-size: 52px;
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 5px;
     margin: 2em auto;
-    width: calc(32px * 15);
+    width: calc(var(--avatar-size) * 15);
 }
 
 .contributors li {
@@ -20,8 +21,8 @@
 }
 
 .contributors img {
-    width: 32px;
-    height: 32px;
+    width: var(--avatar-size);
+    height: var(--avatar-size);
 }
 
 .contributors a, .contributors img {