m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

colocate hide-token-confirmation modal styles (#9149)

Browse Source
This commit is contained in:
Brad Decker 2020-08-07 14:31:02 -05:00 committed by GitHub
parent 5527a6d9e9
commit 2e33b57d17
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 65 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/components/app/modals/hide-token-confirmation-modal.js → ui/app/components/app/modals/hide-token-confirmation-modal/hide-token-confirmation-modal.js
View File

@ -1,8 +1,8 @@
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import React, { Component } from 'react' import React, { Component } from 'react'
import { connect } from 'react-redux' import { connect } from 'react-redux'
import * as actions from '../../../store/actions' import * as actions from '../../../../store/actions'
import Identicon from '../../ui/identicon' import Identicon from '../../../ui/identicon'
function mapStateToProps (state) { function mapStateToProps (state) {
return { return {

1
ui/app/components/app/modals/hide-token-confirmation-modal/index.js Normal file
View File

@ -0,0 +1 @@
export { default } from './hide-token-confirmation-modal'

61
ui/app/components/app/modals/hide-token-confirmation-modal/index.scss Normal file
View File

@ -0,0 +1,61 @@
.hide-token-confirmation {
min-height: 250.72px;
border-radius: 4px;
background-color: $white;
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5);
&__container {
padding: 24px 27px 21px;
display: flex;
flex-direction: column;
align-items: center;
}
&__identicon {
margin-bottom: 10px;
}
&__symbol {
color: $tundora;
font-size: 16px;
line-height: 24px;
text-align: center;
margin-bottom: 7.5px;
}
&__title {
height: 30px;
width: 271.28px;
color: $tundora;
font-size: 22px;
line-height: 30px;
text-align: center;
margin-bottom: 10.5px;
}
&__copy {
height: 41px;
width: 318px;
color: $scorpion;
font-size: 14px;
line-height: 18px;
text-align: center;
}
&__buttons {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 15px;
width: 100%;
}
&__button {
@include Paragraph;
@extend %button;
width: 141px;
margin: 0 5px;
}
}

1
ui/app/components/app/modals/index.scss
View File

@ -1,6 +1,7 @@
@import 'cancel-transaction/index'; @import 'cancel-transaction/index';
@import 'confirm-remove-account/index'; @import 'confirm-remove-account/index';
@import 'deposit-ether-modal/index'; @import 'deposit-ether-modal/index';
@import 'hide-token-confirmation-modal/index';
@import 'notification-modal/index'; @import 'notification-modal/index';
@import 'qr-scanner/index'; @import 'qr-scanner/index';
@import 'transaction-confirmed/index'; @import 'transaction-confirmed/index';

63
ui/app/css/itcss/components/modal.scss
View File

@ -212,66 +212,3 @@
padding: 9px 13px 8px; padding: 9px 13px 8px;
} }
// Hide token confirmation
.hide-token-confirmation {
min-height: 250.72px;
border-radius: 4px;
background-color: $white;
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.5);
&__container {
padding: 24px 27px 21px;
display: flex;
flex-direction: column;
align-items: center;
}
&__identicon {
margin-bottom: 10px;
}
&__symbol {
color: $tundora;
font-size: 16px;
line-height: 24px;
text-align: center;
margin-bottom: 7.5px;
}
&__title {
height: 30px;
width: 271.28px;
color: $tundora;
font-size: 22px;
line-height: 30px;
text-align: center;
margin-bottom: 10.5px;
}
&__copy {
height: 41px;
width: 318px;
color: $scorpion;
font-size: 14px;
line-height: 18px;
text-align: center;
}
&__buttons {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 15px;
width: 100%;
}
&__button {
@include Paragraph;
@extend %button;
width: 141px;
margin: 0 5px;
}
}