1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/app/components/app/confirm-page-container/confirm-page-container-header/index.scss
Dan J Miller 2673eef3c4
Redesign approve screen (#7271)
* Redesign approve screen

* Add translations to approve screen components

* Show account in header of approve screen

* Use state prop bool for unlimited vs custom check in edit-approval-permission

* Set option to custom on input change in edit-approval-permission

* Allow setting of approval amount to unlimited in edit-approval-permission

* Fix height of confirm-approval popup

* Ensure decimals prop passted to confirm-approve.component is correct type

* Ensure first param passed to calcTokenValue in confirm-approve.util is the correct type

* Fix e2e test of permission editing

* Remove unused code from edit-approval-permission.container
2019-11-05 11:43:48 -03:30

45 lines
766 B
SCSS

.confirm-page-container-header {
display: flex;
flex-direction: column;
flex: 0 0 auto;
&__row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid $geyser;
padding: 4px 13px 4px 13px;
flex: 0 0 auto;
align-items: center;
}
&__back-button-container {
display: flex;
justify-content: center;
align-items: center;
[dir='rtl'] & img {
transform: rotate(180deg);
}
}
&__back-button {
color: #2f9ae0;
font-size: 1rem;
cursor: pointer;
font-weight: 400;
padding-left: 5px;
}
&__address-container {
display: flex;
align-items: center;
margin-top: 2px;
margin-bottom: 2px;
}
&__address {
margin-left: 6px;
font-size: 14px;
}
}