From bce557cc2dc767628bed6aac87301a1be7c5431b Mon Sep 17 00:00:00 2001
From: rxliuli <rxliuli@gmail.com>
Date: Tue, 4 Nov 2025 05:03:50 +0800
Subject: init commit

---
 src/components/pages/AppEventDetailPage.svelte | 44 ++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 src/components/pages/AppEventDetailPage.svelte

(limited to 'src/components/pages/AppEventDetailPage.svelte')

diff --git a/src/components/pages/AppEventDetailPage.svelte b/src/components/pages/AppEventDetailPage.svelte
new file mode 100644
index 0000000..a2b798e
--- /dev/null
+++ b/src/components/pages/AppEventDetailPage.svelte
@@ -0,0 +1,44 @@
+<script lang="ts" context="module">
+    import type { DefaultPageRequirements } from './DefaultPage.svelte';
+</script>
+
+<script lang="ts">
+    import ShelfComponent from '~/components/jet/shelf/Shelf.svelte';
+
+    export let page: DefaultPageRequirements;
+</script>
+
+<div class="app-event-detail-page-container">
+    <div class="shelf-container">
+        {#each page.shelves as shelf}
+            <ShelfComponent {shelf} />
+        {/each}
+    </div>
+</div>
+
+<style>
+    .app-event-detail-page-container {
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+        padding: 0 var(--bodyGutter);
+    }
+
+    .shelf-container {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        width: 100%;
+        max-width: 900px;
+        margin: 0 auto;
+
+        @media (--range-small-up) {
+            justify-content: center;
+        }
+    }
+
+    .shelf-container :global(.shelf) {
+        margin: 0;
+        padding: var(--bodyGutter) 0 0;
+    }
+</style>
-- 
cgit v1.2.3

