prevent ui flicker while vuejs is still loading

2024-04-07 12:43:02 +12:00
parent a1e236a972
commit 2940abf9a9
1 changed files with 6 additions and 1 deletions
--- a/src/public/index.html
+++ b/src/public/index.html
@ -39,6 +39,11 @@

    <style>

+        /* used to prevent ui flicker before vuejs loads */
+        [v-cloak] {
+            display: none;
+        }
+
        .icon-mqtt-connected {
            background-color: #16a34a;
            border-radius: 25px;
@ -118,7 +123,7 @@

 </head>
 <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">