web: reusable meowbalt component & page placeholders

2025-06-13 13:47:38 +02:00 · 2024-06-16 20:32:09 +06:00
parent 597320cb17
commit 382c6e1cd8
12 changed files with 76 additions and 32 deletions
--- a/web/src/components/misc/Placeholder.svelte
+++ b/web/src/components/misc/Placeholder.svelte
@ -0,0 +1,16 @@
+<script>
+    import MeowbaltLoaf from "../meowbalt/MeowbaltLoaf.svelte";
+    export let pageName;
+</script>
+
+<div id="placeholder-container" class="center-column-container">
+    <MeowbaltLoaf />
+    <div>{pageName} page is not ready yet!</div>
+</div>
+
+<style>
+    #placeholder-container {
+        gap: var(--padding);
+        text-align: center;
+    }
+</style>