pagination updates

figma · Jun 14, 2024 · bf27a90 · bf27a90
1 parent a0be236
commit bf27a90
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/ui/Pagination/Pagination.tsx b/src/ui/Pagination/Pagination.tsx
@@ -1,4 +1,5 @@
 import clsx from "clsx";
+import { useMediaQuery } from "hooks";
 import { IconArrowLeft, IconArrowRight } from "icons";
 import type React from "react";
 import { Button } from "ui";
@@ -53,7 +54,8 @@ export function PaginationNext({
 }
 
 export function PaginationList({ children }: { children: React.ReactNode }) {
-  return <span className="pagination-list">{children}</span>;
+  const { isTabletUp } = useMediaQuery();
+  return isTabletUp && <span className="pagination-list">{children}</span>;
 }
 
 export function PaginationPage({

diff --git a/src/ui/Pagination/pagination.css b/src/ui/Pagination/pagination.css
@@ -7,6 +7,6 @@
 
 .pagination-list {
   align-items: center;
-  display: var(--sds-responsive-display-none-to-flex);
+  display: flex;
   gap: var(--sds-size-space-200);
 }