Improve first render while loading

xcmd-io · Dec 11, 2023 · 4fdad97 · 4fdad97
1 parent 21c3ee6
commit 4fdad97
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/xcmd-tauri/dist/index.html b/xcmd-tauri/dist/index.html
@@ -6,8 +6,9 @@
 		<link rel="icon" href="floppy.svg" type="image/svg+xml">
 		<title>Cross Commander</title>
 		<script defer type="module" src="index.mjs"></script>
+		<style>body.loading { display: none; }</style>
 	</head>
-	<body>
+	<body class="loading">
 		<div id="vsplit" class="vsplit">
 			<div class="vsplit-pane">
 				<ul class="tabs">

diff --git a/xcmd-tauri/dist/index.mjs b/xcmd-tauri/dist/index.mjs
@@ -25,6 +25,8 @@ if (theme) {
 
 document.adoptedStyleSheets.push(stylesheet);
 
+document.body.className = '';
+
 const vsplit = /** @type {HTMLElement} */ (document.getElementById('vsplit'));
 const leftPaneElement = /** @type {HTMLElement} */ (vsplit.firstElementChild);
 const rightPaneElement = /** @type {HTMLElement} */ (leftPaneElement.cloneNode(true));