Hide output cards initially

InfiniteX95 · Apr 11, 2024 · 4df1796 · 4df1796
1 parent 0cc0480
commit 4df1796
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -36,7 +36,7 @@
           <svg slot="icon" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21q-.825 0-1.412-.587T1 19V6h2v13h17v2zm4-4q-.825 0-1.412-.587T5 15V4q0-.825.588-1.412T7 2h5l2 2h7q.825 0 1.413.588T23 6v9q0 .825-.587 1.413T21 17z"></path></svg> Browser
         </md-filled-tonal-button>
       </div>
-      <div class="output-cards">
+      <div class="output-cards" id="output" style="display: none;">
         <div class="card">
           <h3>File information :</h3>
           <p>Filename : <span id="filename-field"></span></p>

diff --git a/script.js b/script.js
@@ -38,6 +38,9 @@ const show_spectrogram = async ({ target: { files } }) => {
     artist_field.innerHTML = artist;
     album_field.innerHTML = album;
 
+    // Show output cards
+    document.getElementById('output').style.display = '';
+
     // Show progress indicators
     progress_info.style.display = 'inline-flex';
     progress_spectrogram.style.display = 'inline-flex';