From f9530897c06e3439534f95178bfd74ae5faf1776 Mon Sep 17 00:00:00 2001
From: Selfhost Alt <selfhost.alt@gmail.com>
Date: Sat, 23 Apr 2022 10:23:01 -0700
Subject: [PATCH] Add tooltip to explain the max backup size

---
 client/pages/config/backups.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/pages/config/backups.vue b/client/pages/config/backups.vue
index 20b3beda..aeffa96e 100644
--- a/client/pages/config/backups.vue
+++ b/client/pages/config/backups.vue
@@ -23,7 +23,9 @@
       <div class="flex items-center py-2">
         <ui-text-input type="number" v-model="maxBackupSize" no-spinner :disabled="updatingServerSettings" :padding-x="1" text-center class="w-10" @change="updateBackupsSettings" />
 
-        <p class="pl-4 text-lg">Maximum backup size (in GB)</p>
+        <ui-tooltip :text="maxBackupSizeTooltip">
+          <p class="pl-4 text-lg">Maximum backup size (in GB) <span class="material-icons icon-text">info_outlined</span></p>
+        </ui-tooltip>
       </div>
 
       <tables-backups-table />
@@ -54,6 +56,9 @@ export default {
     dailyBackupsTooltip() {
       return 'Runs at 1am every day (your server time). Saved in /metadata/backups.'
     },
+    maxBackupSizeTooltip() {
+      return 'As a safeguard against misconfiguration, backups will fail if they exceed the configured size.'
+    },
     serverSettings() {
       return this.$store.state.serverSettings
     }