Style fixing#219 (#224)

* Fix width container * fix Tab on learnBtn
daniilminin1990 · May 29, 2024 · aa78768 · aa78768
1 parent edaa3cb
commit aa78768
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 25 deletions.
diff --git a/src/Pages/Auth/CheckEmail/checkEmail.module.scss b/src/Pages/Auth/CheckEmail/checkEmail.module.scss
@@ -1,21 +1,21 @@
 .container {
-  max-width: 420px;
-  margin: 0 auto;
+  width: 420px;
   height: 408px;
+  margin: 0 auto;
   padding-top: 37px;
 
   .content {
-    padding: 37px 36px 48px;
     display: flex;
-    flex-direction:column;
-    row-gap: 0;
-    column-gap: 0;
+    flex-direction: column;
+    gap: 0 0;
     align-items: center;
     justify-content: flex-start;
 
+    padding: 37px 36px 48px;
+
     .typographyHead {
-      font-size: var(--font-size-xxl);
       margin-bottom: 30px;
+      font-size: var(--font-size-xxl);
     }
 
     .imageContainer {
@@ -42,4 +42,4 @@
       text-decoration: none;
     }
   }
-}
+}
diff --git a/src/components/TableComponent/SingleRowDeck/SingleRowDeck.tsx b/src/components/TableComponent/SingleRowDeck/SingleRowDeck.tsx
@@ -51,16 +51,16 @@ export const SingleRowDeck = ({ item }: Props) => {
               <Button className={s.btn} onClick={() => setIsUpdateModal(true)}>
                 <Edit2Outline className={s.Edit2Outline} />
               </Button>
-
-              <Button className={s.btn} disabled={item.cardsCount === 0}>
-                {item.cardsCount === 0 ? (
+              {item.cardsCount === 0 ? (
+                <Button className={s.btn} disabled={item.cardsCount === 0}>
                   <PlayCircleOutline className={`${s.playCircleOutline} ${s.disabled}`} />
-                ) : (
-                  <Link to={`${path.decks}/${item.id}${path.learn}`}>
-                    <PlayCircleOutline className={s.playCircleOutline} />
-                  </Link>
-                )}
-              </Button>
+                </Button>
+              ) : (
+                <Button as={'a'} className={s.btn} href={`${path.decks}/${item.id}${path.learn}`}>
+                  <PlayCircleOutline className={s.playCircleOutline} />
+                </Button>
+              )}
+
               <Button
                 className={s.btn}
                 onClick={() => {
@@ -72,15 +72,15 @@ export const SingleRowDeck = ({ item }: Props) => {
             </div>
           ) : (
             <div className={s.iconBtns}>
-              <Button className={s.btn} disabled={item.cardsCount === 0}>
-                {item.cardsCount === 0 ? (
+              {item.cardsCount === 0 ? (
+                <Button className={s.btn} disabled={item.cardsCount === 0}>
                   <PlayCircleOutline className={`${s.playCircleOutline} ${s.disabled}`} />
-                ) : (
-                  <Link to={`${path.decks}/${item.id}${path.learn}`}>
-                    <PlayCircleOutline className={s.playCircleOutline} />
-                  </Link>
-                )}
-              </Button>
+                </Button>
+              ) : (
+                <Button as={'a'} className={s.btn} href={`${path.decks}/${item.id}${path.learn}`}>
+                  <PlayCircleOutline className={s.playCircleOutline} />
+                </Button>
+              )}
             </div>
           )}
         </Table.Cell>