From 60727656c9693eeba7d89f767c4cb7356f1a127e Mon Sep 17 00:00:00 2001
From: Prospector <6166773+Prospector@users.noreply.github.com>
Date: Wed, 10 Apr 2024 18:30:27 -0700
Subject: [PATCH] Fix project list layouts on mobile (#1671)

---
 pages/settings/index.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/settings/index.vue b/pages/settings/index.vue
index eee65b2f65..864ae7c334 100644
--- 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;