Add instance name to empty homepage (#222)

UMN-LATIS · Aug 28, 2023 · 67f981f · 67f981f
1 parent 91c30b4
commit 67f981f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/components/AppFooter/AppFooter.vue b/src/components/AppFooter/AppFooter.vue
@@ -1,7 +1,9 @@
 <template>
-  <footer class="app-footer bg-transparent-black-100">
+  <footer
+    v-if="instanceStore.customFooter"
+    class="app-footer bg-transparent-black-100"
+  >
     <SanitizedHTML
-      v-if="instanceStore.customFooter"
       class="flex flex-col max-w-screen-xl mx-auto p-4 lg:p-8"
       :html="instanceStore.customFooter"
     />

diff --git a/src/pages/HomePage/HomePage.vue b/src/pages/HomePage/HomePage.vue
@@ -13,12 +13,17 @@
       }"
     >
       <article class="page-content-block col-span-2 p-4 lg:p-8">
-        <Transition name="fade">
+        <Transition v-if="page" name="fade">
           <SanitizedHTML
-            v-if="page"
-            :html="page.content ?? ''"
+            v-if="page.content"
+            :html="page.content"
             class="prose prose-neutral"
           />
+          <section v-else class="bg-white p-8 my-8 shadow-sm">
+            <h1 class="text-4xl text-center font-bold">
+              {{ instanceStore.instance?.name ?? "Elevator" }}
+            </h1>
+          </section>
         </Transition>
       </article>
       <aside