From 35fd8a8e82559eb3f2a4ac169bd0b5f923160adb Mon Sep 17 00:00:00 2001
From: Julian Krauser <jkrauser209@gmail.com>
Date: Fri, 16 May 2025 10:27:38 +0200
Subject: [PATCH] enhance: unified ui

---
 src/templates/Main.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/templates/Main.vue b/src/templates/Main.vue
index 7176f8e..5a534da 100644
--- a/src/templates/Main.vue
+++ b/src/templates/Main.vue
@@ -17,9 +17,12 @@
     class="max-w-full w-full grow flex flex-col divide-y-2 divide-gray-300 bg-white rounded-lg justify-center overflow-hidden"
   >
     <slot name="topBar"></slot>
+    <div v-if="!topBar" class="flex flex-row items-center justify-between pt-5 pb-3 px-7">
+      <h1 class="font-bold text-xl min-h-8">{{ title }}</h1>
+    </div>
     <div class="flex flex-col gap-2 grow py-5 overflow-hidden">
       <slot name="diffMain"></slot>
-      <div v-if="!diffMain" class="flex flex-col gap-2 grow px-7 overflow-y-scroll">
+      <div v-if="!diffMain" class="flex flex-col gap-2 grow px-7 overflow-y-auto">
         <slot name="main"></slot>
       </div>
     </div>
@@ -51,6 +54,10 @@ export default defineComponent({
       type: Boolean,
       default: true,
     },
+    title: {
+      type: String,
+      default: "Titel",
+    },
   },
   computed: {
     ...mapState(useNavigationStore, ["activeLink", "activeNavigation"]),
@@ -60,6 +67,9 @@ export default defineComponent({
     rootRoute() {
       return ((this.$route?.name as string) ?? "").split("-")[0];
     },
+    topBar() {
+      return this.$slots.topBar;
+    },
     diffMain() {
       return this.$slots.diffMain;
     },