/* grid view (hidden by default) */ .grid-view display: none; padding: 2rem; background: #ffffff; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.5rem;
/* footer */ .footer background: #f9fbfc; border-top: 1px solid #e2e8f0; padding: 1rem 2rem; font-size: 0.75rem; color: #5b6e6b; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; index of ebooks epub parent directory
.sub font-size: 0.85rem; opacity: 0.85; margin-top: 8px; display: flex; gap: 20px; flex-wrap: wrap; /* grid view (hidden by default) */
.view-btn background: white; border: 1px solid #cbd5e1; padding: 0.3rem 0.8rem; border-radius: 30px; cursor: pointer; font-size: 0.8rem; font-weight: 500; transition: all 0.2s; color: #1e293b; /* footer */ .footer background: #f9fbfc
// event listeners for view toggle viewBtns.forEach(btn => btn.addEventListener('click', (e) => const view = btn.getAttribute('data-view'); if (view === 'table') setActiveView('table'); else if (view === 'grid') setActiveView('grid'); ); );
.file-icon, .dir-icon font-size: 1.25rem; margin-right: 10px; vertical-align: middle; display: inline-block; width: 28px; text-align: center;