Index Of Ebooks Epub: Parent Directory
.grid-meta font-size: 0.7rem; color: #5b6e6b; margin-top: 6px;
<!-- Table View --> <div id="table-view" class="table-view"> <table class="file-table"> <thead> <tr><th>📄 Name</th><th>📅 Last modified</th><th>📏 Size</th></tr> </thead> <tbody id="table-body"> <!-- dynamic content from JS --> </tbody> </table> </div> index of ebooks epub parent directory
.view-btn.active background: #1a4d44; border-color: #1a4d44; color: white; .grid-meta font-size: 0.7rem
.sub font-size: 0.85rem; opacity: 0.85; margin-top: 8px; display: flex; gap: 20px; flex-wrap: wrap; !-- Table View -->
.grid-icon font-size: 3rem; margin-bottom: 0.5rem;
function setActiveView(view) currentView = view; if (view === 'table') tableViewDiv.style.display = 'block'; gridViewDiv.classList.remove('active'); gridViewDiv.style.display = 'none'; else tableViewDiv.style.display = 'none'; gridViewDiv.classList.add('active'); gridViewDiv.style.display = 'grid'; // update button styles viewBtns.forEach(btn => const btnView = btn.getAttribute('data-view'); if (btnView === view) btn.classList.add('active'); else btn.classList.remove('active'); );
/* header area */ .header background: linear-gradient(135deg, #0b2b26 0%, #1a4d44 100%); padding: 1.8rem 2rem; color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.2);