Setup flowbite

2023-09-04 15:34:35 +02:00
parent 695c63c06b
commit 3f17b601e5
12 changed files with 1418 additions and 97 deletions
--- a/src/lib/components/Catalog.svelte
+++ b/src/lib/components/Catalog.svelte
@@ -4,16 +4,20 @@
 </script>

 {#if $catalog && $catalog.length > 0}
-	<div class="container">
-		{#each $catalog as { manga }}
-			<CatalogItem {manga} />
-		{/each}
-	</div>
+	{#if $catalog.length > 0}
+		<div class="container">
+			{#each $catalog as { manga }}
+				<CatalogItem {manga} />
+			{/each}
+		</div>
+	{:else}
+		<div class="empty-state">
+			<p>Your catalog is currently empty.</p>
+			<a href="upload">Add manga</a>
+		</div>
+	{/if}
 {:else}
-	<div class="empty-state">
-		<p>Your catalog is currently empty.</p>
-		<a href="upload">Add manga</a>
-	</div>
+	<p>Loading...</p>
 {/if}

 <style lang="scss">