From f49754928ea5b334e494c8121eb4382818449040 Mon Sep 17 00:00:00 2001
From: Jordan Goulder <jordan@jordangoulder.com>
Date: Fri, 17 Jan 2025 21:34:53 -0500
Subject: [PATCH] Hide hex dump and disk info until disk is loaded

---
 src/components/PlaygroundView.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/PlaygroundView.vue b/src/components/PlaygroundView.vue
index 3656ed1..53138f7 100644
--- a/src/components/PlaygroundView.vue
+++ b/src/components/PlaygroundView.vue
@@ -75,17 +75,21 @@ function onReadProgress(read: number, total: number) {
       <div v-else>No disk loaded</div>
     </div>
   </section>
-  <section>
+  <section v-if="diskReadyState === 'read-success'">
     <h2>Disk Hex Dump</h2>
     <HexDump :buffer="diskData" />
   </section>
-  <section>
+  <section v-if="diskReadyState === 'read-success'">
     <h2>Disk Info</h2>
     <DiskInfo :data="diskData" />
   </section>
 </template>
 
 <style scoped>
+nav {
+  margin-bottom: 1rem;
+}
+
 .cols {
   display: flex;
   flex-direction: row;