1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-28 23:06:37 +01:00
metamask-extension/ui/pages/swaps/countdown-timer/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

41 lines
551 B
SCSS

.countdown-timer {
@include H7;
display: flex;
justify-content: center;
@media screen and (min-width: $break-large) {
margin: 0;
}
&__timer-container {
display: flex;
padding-right: 3px;
> span {
display: flex;
padding-left: 4px;
}
&--warning {
.countdown-timer__time {
color: $Red-500;
}
}
}
&__time {
@include H7;
font-weight: bold;
width: 24px;
margin-left: 4px;
margin-right: 2px;
}
div {
display: flex;
align-items: center;
}
}