feat: better pre-first-connection messaging

This commit is contained in:
Joshua Seigler 2016-09-09 20:07:18 -04:00
parent 336838c95a
commit 357f575500

View file

@ -3,14 +3,13 @@ body {
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
font-family: sans-serif; font-family: sans-serif;
background-image: linear-gradient(to bottom right, hsl(208, 73%, 43%), hsl(208, 73%, 21.5%)); background-image: linear-gradient(to bottom right, hsl(208, 73%, 43%), hsl(208, 86.5%, 21.5%));
background-color: hsl(208, 73%, 43%); background-color: hsl(208, 73%, 43%);
color: white; color: white;
min-height: 100vh; min-height: 100vh;
} }
* { * {
box-sizing: inherit; box-sizing: inherit;
transition: color 0.1s;
} }
a { a {
color: inherit; color: inherit;
@ -19,6 +18,13 @@ a {
#transactionList { #transactionList {
padding: 0 1em; padding: 0 1em;
} }
#connectionStatus.is-connected ~ #transactionList:empty:before {
content: 'Waiting for first transaction...';
display: block;
text-align: center;
font-size: 2em;
opacity: 0.5;
}
.tx { .tx {
position: relative; position: relative;
margin: 4px auto; margin: 4px auto;