changed grid size

swiss-ai-center · Nov 23, 2023 · 904c991 · 904c991
1 parent e91c122
commit 904c991
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/webapp/src/components/ItemGrid/ItemGrid.tsx b/webapp/src/components/ItemGrid/ItemGrid.tsx
@@ -234,7 +234,7 @@ const ItemGrid: React.FC<{
                     ) : (
                         services.map((item: any, index: number) => {
                             return (
-                                <Grid xs={12} sm={6} xl={4} key={index}
+                                <Grid xs={12} sm={6} lg={4} xl={3} key={index}
                                       sx={{height: 'auto', minHeight: '200px'}}>
                                     <Card
                                         sx={{height: '100%', display: 'flex', flexDirection: 'column'}}
@@ -333,7 +333,7 @@ const ItemGrid: React.FC<{
                     ) : (
                         pipelines.map((item: any, index: number) => {
                             return (
-                                <Grid xs={12} sm={6} xl={4} key={index}
+                                <Grid xs={12} sm={6} lg={4} xl={3} key={index}
                                       sx={{height: 'auto', minHeight: '200px'}}>
                                     <Card
                                         sx={{height: '100%', display: 'flex', flexDirection: 'column'}}

diff --git a/webapp/src/components/LoadingGrid/LoadingGrid.tsx b/webapp/src/components/LoadingGrid/LoadingGrid.tsx
@@ -7,7 +7,7 @@ const LoadingGrid: React.FC = () => {
     return (
         <Grid container spacing={4}>
             {Array.from(new Array(3)).map((_, index) => (
-                <Grid item xs={12} sm={6} xl={4} sx={{height: 'auto', minHeight: '200px'}} key={index}>
+                <Grid item xs={12} sm={6} lg={4} xl={3} sx={{height: 'auto', minHeight: '200px'}} key={index}>
                     <Card sx={{height: '100%', display: 'flex', flexDirection: 'column'}}>
                         <CardContent>
                             <Skeleton variant={"rounded"} width={"60%"} height={32}/>