poanetwork
/
poa-dapps-validators
mirror of https://github.com/poanetwork/poa-dapps-validators.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

[feat] Validators list styling.

This commit is contained in:
Gabriel Rodríguez Alsina 2018-07-04 22:03:02 -03:00
parent 0e8552a1b7
commit 6234ef33fb
5 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/stylesheets/application.css
View File

File diff suppressed because one or more lines are too long

4
src/stylesheets/application/_layout.scss
View File

@ -25,6 +25,10 @@
.app-container { .app-container {
height: 100%; height: 100%;
} }
.app-container {
padding-left: 10px;
padding-right: 10px;
}
} }
.content { .content {

6
src/stylesheets/application/_main-title.scss
View File

@ -4,9 +4,15 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 38px; margin-bottom: 38px;
.main-title { .main-title {
font-size: 24px; font-size: 24px;
color: #333; color: #333;
line-height: 38px; line-height: 38px;
} }
@media screen and (max-width: $mobile-width) {
-ms-flex-direction: column;
flex-direction: column;
}
} }

2
src/stylesheets/application/_search.scss
View File

@ -13,7 +13,7 @@
height: 38px; height: 38px;
outline: none; outline: none;
padding: 0 15px 0 40px; padding: 0 15px 0 40px;
transition: 0.25s border-color; transition: 0.15s border-color;
width: 300px; width: 300px;
&:hover { &:hover {

46
src/stylesheets/application/_validators.scss
View File

@ -2,7 +2,8 @@
text-align: left; text-align: left;
&-i { &-i {
@extend %item;
margin-bottom: 30px;
@media (max-width: $mobile-width) { @media (max-width: $mobile-width) {
margin-bottom: 20px; margin-bottom: 20px;
@ -16,11 +17,12 @@
} }
&-header { &-header {
@extend %item-paddings; border-bottom: 1px solid $base-border-color;
border-bottom: 1px solid #eee;
line-height: 20px;
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: 700;
line-height: 20px;
margin: 0 0 20px;
padding: 20px 0;
&--address { &--address {
word-break: break-all; word-break: break-all;
@ -29,11 +31,7 @@
&-body { &-body {
overflow: hidden; overflow: hidden;
padding: 0 20px 20px;
@media (max-width: $mobile-width) {
padding: 0 15px 15px;
}
} }
&-notary, &-notary,
@ -48,10 +46,11 @@
} }
&-title { &-title {
margin: 20px 0; margin: 0 0 15px 0;
color: #8197a2; font-size: 14px;
text-transform: uppercase; font-weight: 700;
font-weight: bold; text-align: left;
color: #333;
@media (max-width: $mobile-width) { @media (max-width: $mobile-width) {
margin: 15px 0; margin: 15px 0;
@ -59,30 +58,29 @@
} }
&-table { &-table {
border: 1px solid #eee; border: 1px solid $base-border-color;
&-i { &-i {
color: #333;
display: flex; display: flex;
font-size: 14px;
justify-content: space-between; justify-content: space-between;
padding: 10px; line-height: 1.2;
padding: 20px 10px;
&:not(:last-child) { &:not(:last-child) {
border-bottom: 1px solid #eee; border-bottom: 1px solid $base-border-color;
} }
} }
} }
} }
.validators-count { .validators-count {
margin-bottom: 20px; font-size: 22px;
line-height: 1.2;
&-label { margin-bottom: 10px;
font-size: 14px;
text-transform: uppercase;
}
&-val { &-val {
font-size: 16px; font-weight: 700;
font-weight: bold;
} }
} }