prevent ui flicker while vuejs is still loading

This commit is contained in:
liamcottle
2024-04-07 12:43:02 +12:00
parent a1e236a972
commit 2940abf9a9

View File

@ -39,6 +39,11 @@
<style> <style>
/* used to prevent ui flicker before vuejs loads */
[v-cloak] {
display: none;
}
.icon-mqtt-connected { .icon-mqtt-connected {
background-color: #16a34a; background-color: #16a34a;
border-radius: 25px; border-radius: 25px;
@ -118,7 +123,7 @@
</head> </head>
<body class="h-full bg-gray-200"> <body class="h-full bg-gray-200">
<div id="app"> <div id="app" v-cloak>
<div class="flex flex-col h-full w-full overflow-hidden"> <div class="flex flex-col h-full w-full overflow-hidden">
<div class="flex flex-col h-full"> <div class="flex flex-col h-full">