fix(pagination): L3-3158 update style so it is shorter on mobile (#395)

PhillipsAuctionHouse · Oct 24, 2024 · c1eee24 · c1eee24
1 parent dec02ce
commit c1eee24
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Pagination/_pagination.scss b/src/components/Pagination/_pagination.scss
@@ -29,13 +29,19 @@
       appearance: none;
       border: none;
       font-variation-settings: 'wght' 600;
-      line-height: 2.5rem;
+      line-height: 1.75rem;
       margin-bottom: 0;
       outline: none;
+      padding: 0 $spacing-xsm;
       text-align: center;
       text-align-last: center;
       text-decoration: underline;
-      text-underline-offset: 10px;
+      text-underline-offset: 6px;
+
+      @include isHeaderDesktop {
+        line-height: 2.5rem;
+        text-underline-offset: 10px;
+      }
 
       &:disabled {
         border: 1px solid $medium-gray;

diff --git a/src/index.ts b/src/index.ts
@@ -9,6 +9,7 @@ export { default as Page } from './pages/Page';
 
 // utils
 export * from './utils/hooks';
+export * from './providers/SeldonProvider/utils';
 
 // ⚛️ Components
 export { default as Button, type ButtonProps } from './components/Button/Button';