From c360f7f087552d37165fe7bff0933d74697d3294 Mon Sep 17 00:00:00 2001
From: Eric <5089238+emizzle@users.noreply.github.com>
Date: Mon, 8 Jul 2024 08:23:17 +0200
Subject: [PATCH] add icon for thumbnail toggle setting

---
 src/components/MainMenu.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index 84224f0..ae2a0fe 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -236,7 +236,23 @@ onUnmounted(() => {
         </li>
         <li>
           <label class="inline-flex items-center cursor-pointer">
-            <span class="me-3 text-sm font-light text-gray-900 dark:text-gray-300"
+            <svg
+              class="w-5 h-5 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
+              aria-hidden="true"
+              xmlns="http://www.w3.org/2000/svg"
+              width="24"
+              height="24"
+              fill="currentColor"
+              viewBox="0 0 24 24"
+            >
+              <path
+                fill-rule="evenodd"
+                d="M9 2.221V7H4.221a2 2 0 0 1 .365-.5L8.5 2.586A2 2 0 0 1 9 2.22ZM11 2v5a2 2 0 0 1-2 2H4v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-7Zm.394 9.553a1 1 0 0 0-1.817.062l-2.5 6A1 1 0 0 0 8 19h8a1 1 0 0 0 .894-1.447l-2-4A1 1 0 0 0 13.2 13.4l-.53.706-1.276-2.553ZM13 9.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"
+                clip-rule="evenodd"
+              />
+            </svg>
+
+            <span class="ms-3 me-3 text-sm font-light text-gray-900 dark:text-gray-300"
               >Disable thumbnails</span
             >
             <input