From 58d60d205960abba1aac5b35bb6405fdb47ce653 Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sat, 8 Mar 2025 13:01:32 -0700
Subject: [PATCH] popover only works on desktop

---
 src/assets/locales/en.json                  | 2 +-
 src/pages/parts/settings/AppearancePart.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index fb261334..4af3ea5b 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -618,7 +618,7 @@
         "discoverDescription": "Show the Discover section on the Homepage below your bookmarked media. Enabled by default.",
         "discoverLabel": "Discover section",
         "hover": "Details popup",
-        "hoverDescription": "Show a popup with details when hovering over a media item. Disabled by default.",
+        "hoverDescription": "Show a popup with details when hovering over a media item. Disabled by default. (Only available on desktop)",
         "hoverLabel": "Details popup"
       }
     },
diff --git a/src/pages/parts/settings/AppearancePart.tsx b/src/pages/parts/settings/AppearancePart.tsx
index 825b8b06..48d9c67a 100644
--- a/src/pages/parts/settings/AppearancePart.tsx
+++ b/src/pages/parts/settings/AppearancePart.tsx
@@ -177,7 +177,7 @@ export function AppearancePart(props: {
             </p>
             <div
               onClick={() => props.setEnablePopDetails(!props.enablePopDetails)}
-              className="bg-dropdown-background hover:bg-dropdown-hoverBackground select-none my-4 cursor-pointer space-x-3 flex items-center max-w-[25rem] py-3 px-4 rounded-lg"
+              className="opacity-50 md:opacity-100 bg-dropdown-background hover:bg-dropdown-hoverBackground select-none my-4 cursor-pointer space-x-3 flex items-center max-w-[25rem] py-3 px-4 rounded-lg"
             >
               <Toggle enabled={props.enablePopDetails} />
               <p className="flex-1 text-white font-bold">