diff --git a/src/app/me/page.tsx b/src/app/me/page.tsx index c6b1421..210e9b3 100644 --- a/src/app/me/page.tsx +++ b/src/app/me/page.tsx @@ -108,6 +108,7 @@ const Main = () => {
Создать }> 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 ? <>