Mobile tierlists :) (sort of)

2024-12-21 15:26:35 +01:00
parent 59ceb24c84
commit db80ba9fe4
2 changed files with 38 additions and 6 deletions
--- a/frontend/components/tierlist/Tier.vue
+++ b/frontend/components/tierlist/Tier.vue
@@ -34,7 +34,7 @@ defineProps<{
    margin-bottom: 10px;
 }
 .tierlist-tier-title {
-    font-size: 54px;
+    font-size: 3.3rem;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 40px;
@@ -56,4 +56,18 @@ defineProps<{

    user-select: none;
 }
+@media only screen and (max-width: 450px) {
+    .champion-img-container {
+        width: 80px; 
+        height: 80px;
+    }
+    .champion-img {
+        width: 76px;
+        height: 76px;
+    }
+    .tierlist-tier-container {
+        grid-template-columns: repeat(auto-fit, 80px);
+        min-height: 82px;
+    }
+}
 </style>