From 11749cb17e7f8b15145cb65dc4c6d59e5737904b Mon Sep 17 00:00:00 2001
From: Prospector <prospectordev@gmail.com>
Date: Tue, 9 Apr 2024 22:50:18 -0700
Subject: [PATCH] Fix project list layouts on mobile

---
 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;