scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: break out pagination component

Browse Source
This commit is contained in:
Arvid Norlin
2024-08-19 16:02:25 +02:00
parent a14157696e
commit b0358ffa0e
3 changed files with 73 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Pagination/pagination.module.css Normal file
View File

@@ -0,0 +1,33 @@
.pagination {
display: flex;
justify-content: center;
padding: var(--Spacing-x2);
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-Rounded);
margin: auto;
gap: var(--Spacing-x5);
}
.paginationButton {
background-color: transparent;
border: none;
height: 32px;
width: 32px;
font-size: var(--typography-Body-Bold-fontSize);
font-weight: var(--typography-Body-Bold-fontWeight);
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.chevronLeft {
transform: rotate(180deg);
height: 100%;
}
.paginationButtonActive {
color: var(--WHITE);
background-color: var(--Base-Text-Accent);
border-radius: var(--Corner-radius-Rounded);
}