opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: app card ui

This commit is contained in:
金伟强 2023-05-18 17:58:48 +08:00
parent 7240d90bc1
commit 49a4a40863
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/explore/app-list/index.tsx
View File

@ -90,7 +90,7 @@ const Apps: FC = ({ }) => {
}}
>
<nav
className={`${s.appList} grid content-start grid-cols-1 gap-4 px-12 pb-10 md:grid-cols-2 grow shrink-0`}>
className={`${s.appList} grid content-start grid-cols-1 gap-4 px-12 pb-10grow shrink-0`}>
{currList.map(app => (
<AppCard
key={app.app_id}

12
web/app/components/explore/app-list/style.module.css
View File

@ -2,4 +2,16 @@
.appList {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
}
@media (min-width: 1300px) and (max-width: 1624px) {
.appList {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
}
@media (min-width: 1025px) and (max-width: 1300px) {
.appList {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}