markury/shark
1
0
Fork 0
mirror of https://github.com/markuryy/shark.git synced 2025-12-12 11:41:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): library layout

Browse Source
This commit is contained in:
Markury
2025-10-01 11:44:36 -04:00
parent 515a744734
commit 356a8aacbb
1 changed files with 23 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/routes/library/+page.svelte
View File

@@ -65,15 +65,15 @@
}
</script>
<div>
<div class="library-wrapper">
<h2 style="padding: 8px 8px 0 8px;">Library</h2>
{#if loading}
<p>Loading library...</p>
<p style="padding: 8px;">Loading library...</p>
{:else if error}
<p class="error">{error}</p>
<p class="error" style="padding: 8px;">{error}</p>
{:else if artists.length === 0 && albums.length === 0}
<p>No music found in your music folder.</p>
<p style="padding: 8px;">No music found in your music folder.</p>
{:else}
<section class="library-content">
<!-- Tabs -->
@@ -173,12 +173,23 @@
</div>
<style>
.library-wrapper {
height: 100%;
display: flex;
flex-direction: column;
}
h2 {
margin: 0 0 8px 0;
flex-shrink: 0;
}
.library-content {
margin: 0;
flex: 1;
display: flex;
flex-direction: column;
min-height: 0;
}
.error {
@@ -187,13 +198,21 @@
.tab-content {
margin-top: -2px;
flex: 1;
display: flex;
flex-direction: column;
}
.window-body {
padding: 0;
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
}
.table-container {
flex: 1;
overflow-y: auto;
}