ssh check

Yoskutik · Oct 1, 2023 · 6bbdd68 · 6bbdd68
1 parent 7b52bdf
commit 6bbdd68
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/packages/docs/src/components/Pagination/Pagination.module.scss b/packages/docs/src/components/Pagination/Pagination.module.scss
@@ -23,10 +23,6 @@
 
   &_right {
     justify-content: flex-end;
-
-    .icon {
-      margin: 0 0 0 16px;
-    }
   }
 }
 
@@ -42,10 +38,23 @@
 
 .icon {
   color: var(--base-text-color);
-  margin: 0 16px 0 0;
-  font-size: 32px;
+  margin: 0 8px 0 0;
+  font-size: 24px;
 
   &_left {
     transform: rotate(180deg);
   }
+
+  &_right {
+    margin: 0 0 0 8px;
+  }
+
+  @media screen and (min-width: 768px) {
+    margin: 0 16px 0 0;
+    font-size: 32px;
+
+    &_right {
+      margin: 0 0 0 16px;
+    }
+  }
 }
diff --git a/packages/docs/src/components/Pagination/Pagination.tsx b/packages/docs/src/components/Pagination/Pagination.tsx
@@ -47,7 +47,7 @@ export const Pagination = ({ links }: Props) => {
             <b className={styles.linkTitle}>NEXT</b>
             <span className={styles.linkContent}>{links[currentIndex + 1].title}</span>
           </div>
-          <Chevron className={styles.icon} />
+          <Chevron className={clsx(styles.icon, styles.icon_right)} />
         </Link>
       ) : (
         <div />