diff --git a/src/components/BaseComponents/FooterBar.vue b/src/components/BaseComponents/FooterBar.vue new file mode 100644 index 0000000000000000000000000000000000000000..7e9d7af939ff0f2b03d7f961ea7f49d5b40d1cb5 --- /dev/null +++ b/src/components/BaseComponents/FooterBar.vue @@ -0,0 +1,25 @@ +<template> + <footer + class="w-full bg-white dark:bg-gray-800 sm:flex-row border-1 border-t border-b border-gray-600 h-10" + > + <p class="float-left text-xs my-3 ml-4"> + © BoCo 2022 - All rights reserved + </p> + <QuestionMarkCircleIcon + class="md:mt-0 mt-1 mr-4 float-right cursor-pointer h-8 md:h-10 text-primary-medium" + alt="Hjelp" + @click="$router.push('/help')" + /> + </footer> +</template> + +<script> +import { QuestionMarkCircleIcon } from "@heroicons/vue/outline"; +export default { + name: "FooterBar", + + components: { + QuestionMarkCircleIcon, + }, +}; +</script> diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue index 52e711014b45736bf30d0a21122e03eb24262b55..4d3db38eed41201e76802115b73be66251f74b3f 100644 --- a/src/views/CommunityViews/CommunityView.vue +++ b/src/views/CommunityViews/CommunityView.vue @@ -1,5 +1,6 @@ <template> <!-- My communities, with pagination --> + <div class="min-h-screen"> <div v-if="loggedIn"> <div class="flex flex-row p-4 relative"> <div class="text-xl md:text-2xl text-primary-light font-medium w-full"> @@ -64,6 +65,8 @@ class="my-4" /> </div> + </div> + <FooterBar></FooterBar> </template> <script> @@ -71,6 +74,7 @@ import CommunityList from "@/components/CommunityComponents/CommunityList.vue"; import { UserAddIcon, SearchIcon } from "@heroicons/vue/outline"; import PaginationTemplate from "@/components/BaseComponents/PaginationTemplate"; import CommunityService from "@/services/community.service"; +import FooterBar from "@/components/BaseComponents/FooterBar"; export default { name: "HomeView", @@ -97,6 +101,7 @@ export default { UserAddIcon, PaginationTemplate, SearchIcon, + FooterBar, }, computed: { searchPublicCommunities() { diff --git a/src/views/TestView.vue b/src/views/TestView.vue index f86430c64bb07d2f6e60fe0626ac1f50371d3682..56ea3bde89d1b04f9818cd18a79e24c7e59b4576 100644 --- a/src/views/TestView.vue +++ b/src/views/TestView.vue @@ -1,15 +1,18 @@ <template> - <div></div> + <div> + </div> </template> <script> + export default { data() { return { show: false, }; }, - components: {}, + components: { + }, methods: { toggleModal() { this.show = !this.show;