Show background opacity control only for non-glass themes

deadlock-api · Feb 12, 2025 · 9319112 · 9319112
1 parent fd9eceb
commit 9319112
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/app/components/widget-builder.tsx b/app/components/widget-builder.tsx
@@ -305,23 +305,25 @@ export default function WidgetBuilder({ region, accountId }: WidgetBuilderProps)
       </div>
 
       <div className="space-y-6">
-        <div>
-          <label htmlFor="opacity" className="block text-sm font-medium text-gray-700">
-            Background Opacity
-          </label>
-          <div className="mt-1 flex items-center gap-2">
-            <input
-              type="range"
-              id="opacity"
-              min="0"
-              max="100"
-              value={opacity}
-              onChange={(e) => setOpacity(Number(e.target.value))}
-              className="w-full h-2 rounded-lg appearance-none cursor-pointer bg-gray-200"
-            />
-            <span className="text-sm text-gray-600 min-w-[3ch]">{opacity}%</span>
+        {theme !== "glass" && (
+          <div>
+            <label htmlFor="opacity" className="block text-sm font-medium text-gray-700">
+              Background Opacity
+            </label>
+            <div className="mt-1 flex items-center gap-2">
+              <input
+                type="range"
+                id="opacity"
+                min="0"
+                max="100"
+                value={opacity}
+                onChange={(e) => setOpacity(Number(e.target.value))}
+                className="w-full h-2 rounded-lg appearance-none cursor-pointer bg-gray-200"
+              />
+              <span className="text-sm text-gray-600 min-w-[3ch]">{opacity}%</span>
+            </div>
           </div>
-        </div>
+        )}
 
         <div className="space-y-2">
           <h3 className="text-sm font-medium text-gray-700">Preview</h3>