Changed trophies layout to better suit different screen sizes (alshed…

…ivat#2038) Signed-off-by: George Araújo <george.gcac@gmail.com>
chertianser · Aug 8, 2024 · 576dd8f · 576dd8f
1 parent 843d649
commit 576dd8f
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/_includes/repository/repo_trophies.html b/_includes/repository/repo_trophies.html
@@ -1,6 +1,18 @@
 <div class="repo p-2 text-center">
   <a href="https://github.com/ryo-ma/github-profile-trophy">
-    <img class="repo-img-light w-200" alt="{{ include.username }}" src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C">
-    <img class="repo-img-dark w-200" alt="{{ include.username }}" src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C">
+    <span class="d-none d-sm-none d-md-block">
+      <img class="repo-img-light" alt="{{ include.username }}" src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=6">
+      <img class="repo-img-dark" alt="{{ include.username }}" src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=6">
+    </span>
+
+    <span class="d-none d-sm-block d-md-none">
+      <img class="repo-img-light" alt="{{ include.username }}" src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=4">
+      <img class="repo-img-dark" alt="{{ include.username }}" src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=4">
+    </span>
+
+    <span class="d-block d-sm-none">
+      <img class="repo-img-light" alt="{{ include.username }}" src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_light }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=3">
+      <img class="repo-img-dark" alt="{{ include.username }}" src="https://github-profile-trophy.vercel.app/?username={{ include.username }}&theme={{ site.repo_trophies.theme_dark }}&locale={{ site.lang }}&margin-w=15&margin-h=15&no-bg=true&rank=-C&column=3">
+    </span>
   </a>
 </div>