mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-22 18:00:18 +01:00
Organize app components
This commit is contained in:
parent
a0a956d646
commit
b65dc85b0a
@ -18,71 +18,6 @@
|
||||
@import './lib.scss';
|
||||
@import './transitions.scss';
|
||||
|
||||
/*
|
||||
app
|
||||
*/
|
||||
|
||||
.app-header {
|
||||
padding: 6px 8px;
|
||||
// background: #EFEFEF; // $gallery
|
||||
}
|
||||
|
||||
.app-header h1 {
|
||||
font-family: 'Montserrat Regular';
|
||||
text-transform: uppercase;
|
||||
color: #22232C; // $shark
|
||||
}
|
||||
|
||||
h2.page-subtitle {
|
||||
font-family: 'Montserrat Regular';
|
||||
text-transform: uppercase;
|
||||
color: #AEAEAE;
|
||||
font-size: 1em;
|
||||
margin: 12px;
|
||||
}
|
||||
|
||||
.app-footer {
|
||||
padding-bottom: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.identicon {
|
||||
height: 46px;
|
||||
width: 46px;
|
||||
background-size: cover;
|
||||
border-radius: 100%;
|
||||
border: 3px solid gray;
|
||||
}
|
||||
|
||||
textarea.twelve-word-phrase {
|
||||
padding: 12px;
|
||||
width: 300px;
|
||||
height: 140px;
|
||||
font-size: 16px;
|
||||
background: white;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.network-indicator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 0.6em;
|
||||
|
||||
}
|
||||
|
||||
.network-name {
|
||||
width: 5.2em;
|
||||
line-height: 9px;
|
||||
text-rendering: geometricPrecision;
|
||||
}
|
||||
|
||||
.check {
|
||||
margin-left: 7px;
|
||||
color: #F7861C;
|
||||
flex: 1 0 auto;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
/*
|
||||
app sections
|
||||
*/
|
||||
|
@ -1 +1,67 @@
|
||||
@import './buttons.scss'
|
||||
@import './buttons.scss'
|
||||
|
||||
/*
|
||||
app
|
||||
*/
|
||||
|
||||
.app-header {
|
||||
padding: 6px 8px;
|
||||
// background: #EFEFEF; // $gallery
|
||||
}
|
||||
|
||||
.app-header h1 {
|
||||
font-family: 'Montserrat Regular';
|
||||
text-transform: uppercase;
|
||||
color: #22232C; // $shark
|
||||
}
|
||||
|
||||
h2.page-subtitle {
|
||||
font-family: 'Montserrat Regular';
|
||||
text-transform: uppercase;
|
||||
color: #AEAEAE;
|
||||
font-size: 1em;
|
||||
margin: 12px;
|
||||
}
|
||||
|
||||
.app-footer {
|
||||
padding-bottom: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.identicon {
|
||||
height: 46px;
|
||||
width: 46px;
|
||||
background-size: cover;
|
||||
border-radius: 100%;
|
||||
border: 3px solid gray;
|
||||
}
|
||||
|
||||
textarea.twelve-word-phrase {
|
||||
padding: 12px;
|
||||
width: 300px;
|
||||
height: 140px;
|
||||
font-size: 16px;
|
||||
background: white;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
.network-indicator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 0.6em;
|
||||
|
||||
}
|
||||
|
||||
.network-name {
|
||||
width: 5.2em;
|
||||
line-height: 9px;
|
||||
text-rendering: geometricPrecision;
|
||||
}
|
||||
|
||||
.check {
|
||||
margin-left: 7px;
|
||||
color: #F7861C;
|
||||
flex: 1 0 auto;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user