frontend: make generic fullscreen message class
This commit is contained in:
parent
a5ade22483
commit
6c3d6a09fb
3 changed files with 4 additions and 14 deletions
|
@ -60,12 +60,12 @@ body {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pre--loading-screen {
|
||||
.fullscreen-message {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background-color: var(--background-color-1);
|
||||
}
|
||||
|
|
|
@ -13,6 +13,6 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<div class="pre--loading-screen" id="pre--loading-screen">heating up the crt...</div>
|
||||
<div class="fullscreen-message" id="pre--loading-screen">heating up the crt...</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -13,16 +13,6 @@
|
|||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fullscreen-message {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
background-color: var(--background-color-1);
|
||||
}
|
||||
</style>
|
||||
|
||||
{#if !$gatewayStatus.ready}
|
||||
|
|
Loading…
Reference in a new issue