Issue#1079 - Add a background to the 3d preview skeleton (#1107)

SlimeVR · Jul 12, 2024 · 0b01a4d · 0b01a4d
1 parent c316313
commit 0b01a4d
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/gui/src/components/widgets/SkeletonVisualizerWidget.tsx b/gui/src/components/widgets/SkeletonVisualizerWidget.tsx
@@ -110,7 +110,7 @@ export function ToggleableSkeletonVisualizerWidget(
         </Button>
       )}
       {enabled && (
-        <>
+        <div className="flex flex-col gap-2">
           <Button
             className="w-full"
             variant="secondary"
@@ -121,9 +121,8 @@ export function ToggleableSkeletonVisualizerWidget(
           >
             {l10n.getString('widget-skeleton_visualizer-hide')}
           </Button>
-
           <SkeletonVisualizerWidget {...props} />
-        </>
+        </div>
       )}
     </>
   );
@@ -197,7 +196,7 @@ export function SkeletonVisualizerWidget({
 
   if (!skeleton.current) return <></>;
   return (
-    <div className="bg-background-70 flex flex-col p-3 rounded-lg gap-2">
+    <div className="bg-background-60 flex flex-col p-3 rounded-lg gap-2">
       <ErrorBoundary
         fallback={
           <Typography color="primary" textAlign="text-center">