Fix project list layouts on mobile (#1671)

modrinth · Apr 11, 2024 · 6072765 · 6072765
1 parent 372d021
commit 6072765
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/pages/settings/index.vue b/pages/settings/index.vue
@@ -603,9 +603,9 @@ const listTypes = computed(() => {
 }
 
 .project-list-layouts {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
   gap: var(--gap-lg);
-  width: fit-content;
 
   .preview-radio .example-card {
     border: 2px solid transparent;