Update index.html

index.html

@@ -261,13 +261,25 @@
         }
 
         .empty-state {
-            flex: 1;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
             display: flex;
             flex-direction: column;
             align-items: center;
             justify-content: center;
             color: #aaa;
             padding: 50px;
+            pointer-events: none;
+        }
+
+        .content:not(:has(.tab-content.active)) .empty-state {
+            display: flex;
+        }
+
+        .content:has(.tab-content.active) .empty-state {
+            display: none;
         }
 
         .empty-state svg {
@@ -517,6 +529,12 @@
                 container.innerHTML = '';
                 container.appendChild(viewerContainer);
 
+                // Hide empty state when first PDF loads
+                const emptyState = contentContainer.querySelector('.empty-state');
+                if (emptyState) {
+                    emptyState.style.display = 'none';
+                }
+
                 // Setup scroll tracking with throttle
                 let scrollTimeout;
                 viewerContainer.addEventListener('scroll', () => {
@@ -726,6 +744,9 @@
                 nextPageBtn.style.display = 'none';
                 zoomControls.style.display = 'none';
                 activeIndex = -1;
+                
+                // Remove all tabs and content
+                tabsContainer.innerHTML = '';
                 contentContainer.innerHTML = `
                     <div class="empty-state">
                         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">