fix: Finalize new sidebar, improve and loading animations

2025-11-10 01:11:14 -06:00
parent 16e35d7976
commit b0523f995c
13 changed files with 139 additions and 1812 deletions
--- a/src/ui/desktop/admin/AdminSettings.tsx
+++ b/src/ui/desktop/admin/AdminSettings.tsx
@@ -641,10 +641,14 @@ export function AdminSettings({
  const bottomMarginPx = 8;
  const wrapperStyle: React.CSSProperties = {
    marginLeft: leftMarginPx,
-    marginRight: rightSidebarOpen ? rightSidebarWidth + 17 : 17,
+    marginRight: rightSidebarOpen
+      ? `calc(var(--right-sidebar-width, ${rightSidebarWidth}px) + 8px)`
+      : 17,
    marginTop: topMarginPx,
    marginBottom: bottomMarginPx,
    height: `calc(100vh - ${topMarginPx + bottomMarginPx}px)`,
+    transition:
+      "margin-left 200ms linear, margin-right 200ms linear, margin-top 200ms linear",
  };

  return (