Add missing hetzner button (#460)

fsr5-fhaachen · Sep 7, 2023 · 6842e42 · 6842e42
1 parent 2504929
commit 6842e42
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 2 deletions.
diff --git a/resources/js/layouts/DashboardCardLayout.vue b/resources/js/layouts/DashboardCardLayout.vue
@@ -9,6 +9,31 @@
     <div class="sm:mx-auto sm:w-full sm:max-w-lg">
       <slot />
     </div>
+
+    <div class="mt-6 overflow-hidden pb-12">
+      <div
+        class="mt-4 flex items-center justify-center px-2 text-sm text-gray-500"
+      >
+        <AppLink :href="packageRepositoryUrl" theme="gray">
+          Powered by {{ packageName }}
+        </AppLink>
+      </div>
+      <div class="mt-6 px-2 text-sm text-gray-500">
+        <AppLink
+          href="https://www.hetzner.com/"
+          theme="none"
+          class="flex flex-col items-center justify-center gap-2"
+        >
+          <span>Hosted by</span>
+          <img
+            class=""
+            src="/images/hetzner.png"
+            alt="Hetzner"
+            loading="lazy"
+          />
+        </AppLink>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -18,6 +43,9 @@ import { PropType } from "vue";
 const { initColorMode } = useColorMode();
 initColorMode();
 
+const packageName = __PACKAGE_NAME__;
+const packageRepositoryUrl = __PACKAGE_REPOSITORY_URL__;
+
 const { pages } = defineProps({
   message: {
     type: Object,

diff --git a/resources/js/layouts/DefaultLayout.vue b/resources/js/layouts/DefaultLayout.vue
@@ -1,10 +1,40 @@
 <template>
-  <div>
-    <slot />
+  <div class="flex h-full flex-col">
+    <div class="flex-grow">
+      <slot />
+    </div>
+
+    <div class="mt-6 overflow-hidden pb-12">
+      <div
+        class="mt-4 flex items-center justify-center px-2 text-sm text-gray-500"
+      >
+        <AppLink :href="packageRepositoryUrl" theme="gray">
+          Powered by {{ packageName }}
+        </AppLink>
+      </div>
+      <div class="mt-6 px-2 text-sm text-gray-500">
+        <AppLink
+          href="https://www.hetzner.com/"
+          theme="none"
+          class="flex flex-col items-center justify-center gap-2"
+        >
+          <span>Hosted by</span>
+          <img
+            class=""
+            src="/images/hetzner.png"
+            alt="Hetzner"
+            loading="lazy"
+          />
+        </AppLink>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
 const { initColorMode } = useColorMode();
 initColorMode();
+
+const packageName = __PACKAGE_NAME__;
+const packageRepositoryUrl = __PACKAGE_REPOSITORY_URL__;
 </script>