1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/transaction-detail-item/index.scss
Daniel c8b697687f
Swaps UI redesign for the View Quote page (#12950)
* 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
2021-12-07 00:21:26 -03:30

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;
}
}