From 86cc4045a45a9f17785eefd02bf122d3f090297c Mon Sep 17 00:00:00 2001
From: Jona <8698248+jonamil@users.noreply.github.com>
Date: Tue, 2 Jul 2024 17:26:27 +0200
Subject: [PATCH] Add imprint/privacy settings menu item

---
 src/components/TheSettingsMenu.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/TheSettingsMenu.vue b/src/components/TheSettingsMenu.vue
index ad2080c..b2ce886 100644
--- a/src/components/TheSettingsMenu.vue
+++ b/src/components/TheSettingsMenu.vue
@@ -22,7 +22,10 @@
           :as="menuItem.heading ? 'div' : 'button'"
           :disabled="menuItem.heading"
           class="flex w-full items-center gap-0.5 pl-1 pr-8 text-left *:flex-none ui-active:bg-controls-color ui-disabled:pb-[0.0625rem] ui-disabled:font-medium ui-disabled:tracking-wide ui-disabled:text-secondary-color ui-disabled:[font-feature-settings:'smcp','c2sc'] dark:ui-active:bg-blank-color/75"
-          :class="[view.isTouchDevice ? 'h-9 ui-disabled:h-8' : 'h-8 ui-disabled:h-7']"
+          :class="[
+            view.isTouchDevice ? 'h-9 ui-disabled:h-8' : 'h-8 ui-disabled:h-7',
+            menuItem.faint ? 'text-indentation-color' : '',
+          ]"
           @click="menuItem.action"
         >
           <BaseIcon
@@ -57,6 +60,7 @@ const menuContents = ref<
     items: {
       text: string;
       heading?: boolean;
+      faint?: boolean;
       selected?: ComputedRef<boolean>;
       action?: () => void;
     }[];
@@ -115,6 +119,11 @@ const menuContents = ref<
         text: 'About This Website',
         action: () => {},
       },
+      {
+        text: 'Imprint / Privacy',
+        faint: true,
+        action: () => {},
+      },
     ],
   },
 ]);