Merge remote-tracking branch 'origin/master'

Simyon264 · Sep 7, 2024 · e0caf54 · e0caf54
2 parents b2949b9 + 367cfb1
commit e0caf54
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/ReplayBrowser/Pages/Contributors.razor b/ReplayBrowser/Pages/Contributors.razor
@@ -15,7 +15,7 @@
 
 <h3>Contributors</h3>
 
-<div style="display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; align-items: center; padding: 20px;">
+<div class="contributors-grid">
     @if (!_contributors.Any())
     {
         <h4 style="color: red">Error fetching contributors from the GitHub API</h4>

diff --git a/ReplayBrowser/wwwroot/app.css b/ReplayBrowser/wwwroot/app.css
@@ -63,4 +63,23 @@ p {
     justify-content: center;
     align-items: center;
     height: 100%; /* Adjust this value according to your needs */
+}
+
+.contributors-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 10px;
+    align-items: center;
+    padding: 20px;
+}
+
+@media only screen and (max-width: 300px) {
+    .contributors-grid {
+        display: grid;
+        grid-template-columns: repeat(1, minmax(0, 1fr));
+        /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
+        gap: 10px;
+        align-items: center;
+        padding: 20px;
+    }
 }