💄 improve visuals

mlexchange · Oct 6, 2023 · 13861c2 · 13861c2
1 parent db5d199
commit 13861c2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/callbacks/image_viewer.py b/callbacks/image_viewer.py
@@ -212,7 +212,7 @@ def keybind_image_slider(
 
 @callback(
     Output("image-viewfinder", "className", allow_duplicate=True),
-    Input("toggle-viewfinder", "opened"),
+    Input("toggle-viewfinder", "checked"),
     prevent_initial_call=True,
 )
 def toggle_viewdinfer(viewfinder_enabled):

diff --git a/components/control_bar.py b/components/control_bar.py
@@ -714,16 +714,18 @@ def create_reset_view_affix():
 
 def create_viewfinder_affix():
     return dmc.Affix(
-        position={"top": 0, "right": 0},
+        position={"top": 10, "right": 10},
         zIndex=9999999,
-        children=dmc.Tooltip(
-            label="Toggle viewfinder",
-            position="bottom-start",
-            offset=3,
-            children=dmc.Burger(
+        children=_tooltip(
+            "Toggle viewfinder",
+            dmc.Switch(
+                size="md",
+                radius="lg",
                 id="toggle-viewfinder",
-                opened=True,
-                color="#00313C",
+                checked=True,
+                onLabel="ON",
+                offLabel="OFF",
+                color="gray",
             ),
         ),
     )

diff --git a/components/image_viewer.py b/components/image_viewer.py
@@ -48,7 +48,7 @@ def layout():
                 config={"displayModeBar": False},
                 style={
                     "position": "absolute",
-                    "top": "15px",
+                    "top": "35px",
                     "right": "15px",
                 },
             ),