mirror of
https://github.com/WeeJeWel/wg-easy.git
synced 2024-12-22 17:19:23 +08:00
Wait for Vue to finish loading before showing HTML
This prevents flashing static HTML elements (icons, modals) on reload.
This commit is contained in:
parent
bbd19b7a6f
commit
b146ba1d86
@ -11,11 +11,17 @@
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
</head>
|
||||
|
||||
<style>
|
||||
[v-cloak] {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body class="bg-gray-50">
|
||||
|
||||
<div id="app">
|
||||
|
||||
<div class="container mx-auto max-w-3xl">
|
||||
<div v-cloak class="container mx-auto max-w-3xl">
|
||||
|
||||
<div v-if="authenticated === true">
|
||||
<span v-if="requiresPassword"
|
||||
@ -465,7 +471,7 @@
|
||||
|
||||
</div>
|
||||
|
||||
<p class="text-center m-10 text-gray-300 text-xs">Made by <a target="_blank" class="hover:underline"
|
||||
<p v-cloak class="text-center m-10 text-gray-300 text-xs">Made by <a target="_blank" class="hover:underline"
|
||||
href="https://emilenijssen.nl/?ref=wg-easy">Emile Nijssen</a> · <a class="hover:underline"
|
||||
href="https://github.com/sponsors/WeeJeWel" target="_blank">Donate</a> · <a class="hover:underline"
|
||||
href="https://github.com/weejewel/wg-easy" target="_blank">GitHub</a></p>
|
||||
|
Loading…
Reference in New Issue
Block a user