From b2fef109a5b9e4c7ae7dfdca4e549eb611115ca3 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 18 Jan 2023 11:53:33 +0100
Subject: [PATCH] RoutableTabs: defaults to simple card if one tab

---
 app/src/components/ConfigPanels.vue | 27 ++++++++++++++++++---------
 app/src/views/app/AppInfo.vue       |  4 ++++
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/app/src/components/ConfigPanels.vue b/app/src/components/ConfigPanels.vue
index a022a0f5..9c9b1c5b 100644
--- a/app/src/components/ConfigPanels.vue
+++ b/app/src/components/ConfigPanels.vue
@@ -1,13 +1,22 @@
 <template>
-  <routable-tabs
-    :routes="routes_"
-    v-bind="{ panels, forms, v: $v, ...$attrs }"
-    v-on="$listeners"
-  >
-    <slot name="tab-top" slot="tab-top"></slot>
-    <slot name="tab-before" slot="tab-before"></slot>
-    <slot name="tab-after" slot="tab-after"></slot>
-  </routable-tabs>
+  <div class="config-panel">
+    <routable-tabs
+      v-if="routes_.length > 1"
+      :routes="routes_"
+      v-bind="{ panels, forms, v: $v, ...$attrs }"
+      v-on="$listeners"
+    >
+      <slot name="tab-top" slot="tab-top" />
+      <slot name="tab-before" slot="tab-before" />
+      <slot name="tab-after" slot="tab-after" />
+    </routable-tabs>
+
+    <card v-else :title="routes_[0].text" :icon="routes_[0].icon">
+      <slot name="tab-top" />
+      <slot name="tab-before" />
+      <slot name="tab-after" />
+    </card>
+  </div>
 </template>
 
 <script>
diff --git a/app/src/views/app/AppInfo.vue b/app/src/views/app/AppInfo.vue
index 8465907b..7c9eb59a 100644
--- a/app/src/views/app/AppInfo.vue
+++ b/app/src/views/app/AppInfo.vue
@@ -526,4 +526,8 @@ select {
 .yuno-alert div div:not(:last-child) {
   margin-bottom: 1rem;
 }
+
+.config-panel {
+  margin-bottom: 2rem;
+}
 </style>