frontend: make generic fullscreen message class

This commit is contained in:
hippoz 2022-04-24 21:31:22 +03:00
parent a5ade22483
commit 6c3d6a09fb
No known key found for this signature in database
GPG key ID: 7C52899193467641
3 changed files with 4 additions and 14 deletions

View file

@ -60,12 +60,12 @@ body {
overflow: hidden; overflow: hidden;
} }
.pre--loading-screen { .fullscreen-message {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 100vw; width: 100%;
height: 100vh; height: 100%;
overflow: hidden; overflow: hidden;
background-color: var(--background-color-1); background-color: var(--background-color-1);
} }

View file

@ -13,6 +13,6 @@
</head> </head>
<body> <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> </body>
</html> </html>

View file

@ -13,16 +13,6 @@
flex-direction: row; flex-direction: row;
overflow: hidden; 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> </style>
{#if !$gatewayStatus.ready} {#if !$gatewayStatus.ready}