Создать
}>
diff --git a/src/app/modules/components/adaptiveGrid.module.tsx b/src/app/modules/components/adaptiveGrid.module.tsx
index 50f6680..419583c 100644
--- a/src/app/modules/components/adaptiveGrid.module.tsx
+++ b/src/app/modules/components/adaptiveGrid.module.tsx
@@ -24,12 +24,13 @@ const AdaptiveGrid = ({ child_width, children, header, className }: AdaptiveGrid
useEffect(() => {
if (!children) return;
- const result_arr = [];
+ let result_arr = [];
for (let i = 1; i < columnCount + 1; i++) {
const _children = children.filter((_, index) => (index + 1 - i) % columnCount === 0);
- const column = {_children}
;
+ const column = {_children}
;
result_arr.push(column);
}
+ result_arr = result_arr.concat(new Array(columnCount - result_arr.length).fill(0));
setColumns(result_arr);
}, [children, columnCount])
@@ -44,10 +45,9 @@ const AdaptiveGrid = ({ child_width, children, header, className }: AdaptiveGrid
= columnCount ? 'center' : 'flex-start',
- flexDirection: columnCount === 1 ? 'column' : 'row',
- alignItems: columnCount === 1 ? 'center' : 'normal'
+ columnGap: '1rem',
+ justifyContent: 'center',
+ flexDirection: 'row',
}} className={`${style.adaptive_grid_parent} ${className?.adaptive_grid_parent}`}>
{columns}
diff --git a/src/app/styles/me/me.module.css b/src/app/styles/me/me.module.css
index 5a6fcf4..eec9131 100644
--- a/src/app/styles/me/me.module.css
+++ b/src/app/styles/me/me.module.css
@@ -193,4 +193,8 @@
width: 100% !important;
min-width: 300px !important;
}
+
+ .adaptive_grid_column {
+ width: 100% !important;
+ }
}
\ No newline at end of file
diff --git a/src/app/users/[name]/client_code.tsx b/src/app/users/[name]/client_code.tsx
index 942e5e1..a2bd0f2 100644
--- a/src/app/users/[name]/client_code.tsx
+++ b/src/app/users/[name]/client_code.tsx
@@ -50,7 +50,7 @@ const UsersClient = ({ user }: { user: Users }) => {
-
{elements}
+
{elements}
diff --git a/src/app/workshop/page.tsx b/src/app/workshop/page.tsx
index 36ae798..b2024ef 100644
--- a/src/app/workshop/page.tsx
+++ b/src/app/workshop/page.tsx
@@ -108,7 +108,7 @@ export default function Home() {
- {elements && elements.length > 0 ?
{elements} :
+ {elements && elements.length > 0 ?
{elements} :
elements && elements.length === 0 ?
<>