fix: add fallback view and improve main-content CSS

- Add fallback rendering when activeView doesn't match any condition
- Add min-height and flex layout to main-content for better visibility
This commit is contained in:
vicrodh committed 2026-01-09 18:35:53 -06:00
1 parent ad32e8ab75
commit fae1bd7eec
1 file changed
+11
+11
View File
@@ -1502,6 +1502,14 @@
onTrackGoToAlbum={handleAlbumClick}
onTrackGoToArtist={handleArtistClick}
/>
{:else}
<!-- Fallback: should never happen but helps debug -->
<div style="padding: 40px; text-align: center; color: var(--text-muted);">
<p>View: {activeView}</p>
<button onclick={() => navigateTo('home')} style="margin-top: 16px; padding: 8px 16px; background: var(--accent-primary); color: white; border-radius: 8px;">
Go to Home
</button>
</div>
{/if}
</main>
@@ -1650,8 +1658,11 @@
flex: 1;
min-width: 0;
height: calc(100vh - 80px);
min-height: calc(100vh - 80px);
overflow-y: auto;
padding: 24px 32px;
display: flex;
flex-direction: column;
}
</style>