wip: initial stab trpc pagination

2024-08-16 13:27:52 +02:00
parent 6c15f1ae3a
commit 8c75b9bcd7
15 changed files with 243 additions and 138 deletions
--- a/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Mobile/mobile.module.css
+++ b/components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Mobile/mobile.module.css
@@ -0,0 +1,52 @@
+.table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+}
+
+.thead {
+  background-color: var(--Main-Grey-10);
+}
+
+.th {
+  padding: var(--Spacing-x2);
+}
+
+.tr {
+  border-top: 1px solid var(--Main-Grey-10);
+}
+
+.td {
+  padding: var(--Spacing-x2);
+}
+
+.transactionDetails {
+  display: grid;
+  font-size: var(--typography-Footnote-Regular-fontSize);
+}
+
+.transactionDate {
+  font-weight: 700;
+}
+
+.placeholder {
+  text-align: center;
+  padding: var(--Spacing-x4);
+  border: 1px solid var(--Main-Grey-10);
+}
+.loadMoreButton {
+  background-color: var(--Main-Grey-10);
+  border: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--Spacing-x-half);
+  padding: var(--Spacing-x2);
+  width: 100%;
+}
+
+@media screen and (min-width: 768px) {
+  .container {
+    display: none;
+  }
+}