mirror of
https://github.com/seigler/dash-visualizer
synced 2025-07-27 01:36:10 +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;
|
||||
box-sizing: border-box;
|
||||
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%);
|
||||
color: white;
|
||||
min-height: 100vh;
|
||||
}
|
||||
* {
|
||||
box-sizing: inherit;
|
||||
transition: color 0.1s;
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
|
@ -19,6 +18,13 @@ a {
|
|||
#transactionList {
|
||||
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 {
|
||||
position: relative;
|
||||
margin: 4px auto;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue