From 17c3a63e50ec08e0ba5b0e7730809409fa2bf1ff Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Thu, 3 Aug 2023 09:51:00 +0800
Subject: [PATCH] fix: explore app list grid style conflict and remove useless
 style (#725)

---
 web/app/components/explore/app-list/index.tsx        | 2 +-
 web/app/components/explore/app-list/style.module.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/app/components/explore/app-list/index.tsx b/web/app/components/explore/app-list/index.tsx
index 6298768301..4c6d995d0d 100644
--- a/web/app/components/explore/app-list/index.tsx
+++ b/web/app/components/explore/app-list/index.tsx
@@ -101,7 +101,7 @@ const Apps: FC = () => {
         }}
       >
         <nav
-          className={`${s.appList} grid content-start grid-cols-1 gap-4 px-12 pb-10grow shrink-0`}>
+          className={`${s.appList} grid content-start gap-4 px-12 shrink-0`}>
           {currList.map(app => (
             <AppCard
               key={app.app_id}
diff --git a/web/app/components/explore/app-list/style.module.css b/web/app/components/explore/app-list/style.module.css
index cda2bd53c1..fb6b1ee94f 100644
--- a/web/app/components/explore/app-list/style.module.css
+++ b/web/app/components/explore/app-list/style.module.css
@@ -6,6 +6,10 @@
   text-fill-color: transparent;
 }
 
+.appList {
+  grid-template-columns: repeat(1, minmax(0, 1fr))
+}
+
 @media (min-width: 1624px) {
   .appList {
     grid-template-columns: repeat(4, minmax(0, 1fr))