From d13d4702723c8cafffd7203b8f83333f1d589400 Mon Sep 17 00:00:00 2001
From: doctorixx <61980858+windows-up@users.noreply.github.com>
Date: Mon, 2 Jun 2025 10:00:21 +0300
Subject: [PATCH] frontend: change champs design

---
 FRONTEND_V2/src/pages/user/ChampsPage.jsx | 43 +++++++++++++----------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/FRONTEND_V2/src/pages/user/ChampsPage.jsx b/FRONTEND_V2/src/pages/user/ChampsPage.jsx
index c1e20ab..83ac960 100644
--- a/FRONTEND_V2/src/pages/user/ChampsPage.jsx
+++ b/FRONTEND_V2/src/pages/user/ChampsPage.jsx
@@ -26,24 +26,31 @@ const ChampsPage = () => {
                 <BreadcrumbsElement name="Соревнования"/>
             </BreadcrumbsRoot>
 
-            {
-                data?.map(elem => {
-                    const status = getCompetitionStatusByDates(elem.startedAt, elem.endedAt)
-
-                    return <CompetitionCard
-                        key={elem.id}
-                        id={elem.id}
-                        name={elem.name}
-                        startedAt={elem.startedAt}
-                        endedAt={elem.endedAt}
-                        description={elem.description}>
-                        {status === competitionStatuses.IN_PROGRESS &&
-                            <>
-                                <Link to={`/champs/${elem.id}/problems`} className="btn btn-success">Войти</Link>
-                            </>}
-                    </CompetitionCard>
-                })
-            }
+            <div className='row g-0 gap-3'>
+                {
+                    data?.map(elem => {
+                        const status = getCompetitionStatusByDates(elem.startedAt, elem.endedAt)
+
+                        return <>
+                            <div className='col d-flex align-items-stretch'>
+                                <CompetitionCard
+                                    key={elem.id}
+                                    id={elem.id}
+                                    name={elem.name}
+                                    startedAt={elem.startedAt}
+                                    endedAt={elem.endedAt}
+                                    description={elem.description}>
+                                    {status === competitionStatuses.IN_PROGRESS &&
+                                        <>
+                                            <Link to={`/champs/${elem.id}/problems`} className="btn btn-success">Войти</Link>
+                                        </>}
+                                </CompetitionCard>
+                            </div>
+                        </>
+                    })
+                }
+            </div>
+
         </>
     );
 };