mirror of
https://github.com/seigler/dash-visualizer
synced 2025-07-27 09:46:09 +00:00
feat: better pre-first-connection messaging
This commit is contained in:
parent
336838c95a
commit
357f575500
1 changed files with 8 additions and 2 deletions
10
style.css
10
style.css
|
@ -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;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue