chore: css fixes
This commit is contained in:
@@ -9,6 +9,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.points {
|
.points {
|
||||||
font-size: var(--typography-Title-2-Desktop-fontSize);
|
font-size: var(--typography-Title-2-Mobile-fontSize);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 768px) {
|
||||||
|
.points {
|
||||||
|
font-size: var(--typography-Title-2-Desktop-fontSize);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -84,7 +84,7 @@
|
|||||||
border: 1px solid var(--Main-Grey-10);
|
border: 1px solid var(--Main-Grey-10);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 950px) {
|
@media screen and (min-width: 768px) {
|
||||||
.mobileTableContainer {
|
.mobileTableContainer {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,21 +5,21 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.thead {
|
.thead {
|
||||||
background-color: var(--Base-Fill-Normal);
|
background-color: var(--Main-Grey-10);
|
||||||
border-left: 1px solid var(--Base-Fill-Normal);
|
border-left: 1px solid var(--Main-Grey-10);
|
||||||
border-right: 1px solid var(--Base-Fill-Normal);
|
border-right: 1px solid var(--Main-Grey-10);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tr {
|
.tr {
|
||||||
border: 1px solid #e6e9ec;
|
border: 1px solid var(--Main-Grey-10);
|
||||||
}
|
}
|
||||||
|
|
||||||
.th {
|
.th {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 20px 32px;
|
padding: var(--Spacing-x2) var(--Spacing-x4);
|
||||||
}
|
}
|
||||||
|
|
||||||
.td {
|
.td {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 16px 32px;
|
padding: var(--Spacing-x2) var(--Spacing-x4);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -15,7 +15,6 @@ import {
|
|||||||
getUserSchema,
|
getUserSchema,
|
||||||
} from "./output"
|
} from "./output"
|
||||||
import { benefits, extendedUser, nextLevelPerks } from "./temp"
|
import { benefits, extendedUser, nextLevelPerks } from "./temp"
|
||||||
import friendTransactionsMockJson from "./tempFriendTransactions.json"
|
|
||||||
|
|
||||||
function fakingRequest<T>(payload: T): Promise<T> {
|
function fakingRequest<T>(payload: T): Promise<T> {
|
||||||
return new Promise((resolve) => {
|
return new Promise((resolve) => {
|
||||||
|
|||||||
@@ -21,13 +21,5 @@ export type Page = {
|
|||||||
|
|
||||||
export type RowProps = {
|
export type RowProps = {
|
||||||
lang: Lang
|
lang: Lang
|
||||||
transaction: {
|
transaction: Transaction
|
||||||
checkinDate: string
|
|
||||||
checkoutDate: string
|
|
||||||
awardPoints: number
|
|
||||||
hotelName?: string
|
|
||||||
city?: string
|
|
||||||
nights: number
|
|
||||||
confirmationNumber: string
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user