Browse Source

fix(sync design): update sync design

renovate/lint-staged-8.x
Jack Mallers 7 years ago
parent
commit
c1dfed116b
  1. 16
      app/components/LndSyncing/LndSyncing.scss

16
app/components/LndSyncing/LndSyncing.scss

@ -3,10 +3,11 @@
.container { .container {
height: 100vh; height: 100vh;
padding: 100px; padding: 100px;
background: linear-gradient(100deg, rgba(235, 184, 100, 0.5) 33%, rgba(0, 0, 0, 0.7)); background: $secondary;
h3 { h3 {
font-size: 50px; font-size: 50px;
color: $white;
} }
.loading { .loading {
@ -19,16 +20,19 @@
min-width: 100px; min-width: 100px;
top: calc(50% - 30px); top: calc(50% - 30px);
left: calc(50% - 48px); left: calc(50% - 48px);
color: $main;
} }
h1 { h1 {
margin-top: 25px; margin-top: 25px;
color: $main;
} }
} }
.facts { .facts {
position: absolute; position: absolute;
bottom: 10%; bottom: 10%;
color: $white;
.fact { .fact {
transition: all 0.25s; transition: all 0.25s;
@ -52,24 +56,24 @@
display: inline-block; display: inline-block;
width: 20px; width: 20px;
height: 20px; height: 20px;
background: $black; background: $white;
opacity: 0.5; opacity: 0.5;
border-radius: 50%; border-radius: 50%;
margin: 0 5px; margin: 0 5px;
&:hover { &:hover {
opacity: 0.25; opacity: 0.75;
} }
&.active { &.active {
opacity: 0.25; opacity: 1;
} }
} }
} }
.spinner { .spinner {
border: 1px solid rgba(0, 0, 0, 0.1); border: 1px solid rgba(235, 184, 100, 0.1);
border-left-color: rgba(0, 0, 0, 0.4); border-left-color: rgba(235, 184, 100, 0.4);
-webkit-border-radius: 999px; -webkit-border-radius: 999px;
-moz-border-radius: 999px; -moz-border-radius: 999px;
border-radius: 999px; border-radius: 999px;

Loading…
Cancel
Save