Frontend/src/components/sidebar/FooterComponent.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+
+
+</script>
+
+<template>
+   <div class="flex flex-col gap-4 text-center font-thin dark:text-slate-400 ">
+        <div class="flex flex-col">
+            <a href="mailto:bugs@release11.com">Found a bug?</a>
+            <a href="#" class="hidden">Privacy Policy</a>
+        </div>
+        
+        <span>Copyright 2023 <br/> Release11</span>
+   </div>
+</template>

Frontend/src/components/sidebar/SidebarComponent.vue

@@ -2,6 +2,7 @@
 import { ref , onMounted} from 'vue'
 import SidebarToolLinkComponent from './SidebarToolLinkComponent.vue';
 import SidebarMenuElementComponent from './SidebarMenuElementComponent.vue';
+import FooterComponent from './FooterComponent.vue';
 import logoDark from '@assets/logo_biale.svg';
 import logoWhite from '@assets/logo_czarne.svg';
 
@@ -24,11 +25,11 @@ onMounted( () => {
 
 <template>
     <aside class="relative flex-shrink-0 top-0 left-0 z-40 w-48 h-screen" >
-        <div class="h-full px-3 pt-2 pb-4 overflow-y-auto">
+        <div class="flex flex-col h-full px-3 pt-2 pb-4 overflow-y-auto">
             <a href="https://release11.com/">
                 <img :src="logoR11" class="w-72 h-16 p-2 pt-0"/>
             </a>
-            <div class="flex flex-col font-medium items-center">
+            <div class="flex basis-full flex-col font-medium items-center">
                 <sidebar-menu-element-component category-name="XML">
                     <SidebarToolLinkComponent path-to="/xml/xpath" element-content="XPath" />
                     <SidebarToolLinkComponent path-to="/xml/xquery" element-content="XQuery" />
@@ -48,6 +49,7 @@ onMounted( () => {
                 </sidebar-menu-element-component>
 
             </div>
+            <FooterComponent></FooterComponent>
         </div>
     </aside>
 </template>