From 6e85b37b0fe5db22e2838a7bd70edd16dbb6c271 Mon Sep 17 00:00:00 2001
From: cgfhtw <christopher.gerbrich@technikum-wien.at>
Date: Fri, 9 Feb 2024 09:31:26 +0100
Subject: [PATCH] Tabs: optional border

---
 public/js/components/Tabs.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/js/components/Tabs.js b/public/js/components/Tabs.js
index fed6957a0..25f225e01 100644
--- a/public/js/components/Tabs.js
+++ b/public/js/components/Tabs.js
@@ -18,7 +18,8 @@ export default {
 		},
 		default: String,
 		modelValue: [String, Number, Boolean, Array, Object, Date, Function, Symbol],
-		vertical: Boolean
+		vertical: Boolean,
+		border: Boolean
 	},
 	data() {
 		return {
@@ -62,7 +63,6 @@ export default {
 					.then(this.initConfig)
 					.catch(this.$fhcAlert.handleSystemError);
 
-			console.log(config);
 			const tabs = {};
 
 			if (Array.isArray(config)) {
@@ -104,7 +104,7 @@ export default {
 		this.initConfig(this.config);
 	},
 	template: `
-	<div class="fhc-tabs d-flex" :class="vertical ? 'align-items-stretch' : 'flex-column'" v-if="Object.keys(tabs).length">
+	<div class="fhc-tabs d-flex" :class="vertical ? 'align-items-stretch gap-3' : (border ? 'flex-column' : 'flex-column gap-3')" v-if="Object.keys(tabs).length">
 		<div class="nav" :class="vertical ? 'nav-pills flex-column' : 'nav-tabs'">
 			<div
 				v-for="tab in tabs"
@@ -118,7 +118,7 @@ export default {
 				{{tab.title}}
 			</div>
 		</div>
-		<div :style="vertical ? '' : 'flex: 1 1 0%; height: 0%'" class="overflow-auto p-3" :class="vertical ? '' : 'border-bottom border-start border-end'">
+		<div :style="vertical ? '' : 'flex: 1 1 0%; height: 0%'" class="overflow-auto" :class="vertical || !border ? '' : 'p-3 border-bottom border-start border-end'">
 			<keep-alive>
 				<component ref="current" :is="currentTab.component" v-model="value" :config="currentTab.config"></component>
 			</keep-alive>