mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-24 11:01:41 +01:00
c8b697687f
* Update EIP-1559 UI on the View Quote page (WIP) * UI redesign for the View Quote page in Swaps, update tests, refactoring * Update styles for the View Quote page * Improve scrolling and styling for the View Quote page * Update snapshots * Fix a scrolling issue * Use Ethereum mainnet for swaps API calls if it's Rinkeby * UI / content updates on the View Quote page * Remove unused content in Swaps * Fix an ESLint issue * Update UTs with the latest content * Renaming * Remove 2 more unused content strings
62 lines
863 B
SCSS
62 lines
863 B
SCSS
.transaction-detail-item {
|
|
color: $ui-4;
|
|
padding: 20px 0;
|
|
border-bottom: 1px solid $ui-3;
|
|
|
|
&__row {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
grid-gap: 5px;
|
|
|
|
&-subText {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.currency-display-component {
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__detail-values {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: end;
|
|
width: 52%;
|
|
|
|
&--flex-width {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
.info-tooltip {
|
|
display: inline-block;
|
|
margin-inline-start: 4px;
|
|
|
|
path {
|
|
fill: $ui-3;
|
|
}
|
|
}
|
|
|
|
.currency-display-component {
|
|
display: inline;
|
|
}
|
|
|
|
&:first-of-type {
|
|
padding-top: 0;
|
|
}
|
|
|
|
&:last-of-type {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
&:first-child {
|
|
padding-top: 0;
|
|
}
|
|
|
|
&:last-child {
|
|
padding-bottom: 0;
|
|
border-bottom: 0;
|
|
}
|
|
}
|