diff --git a/app/src/modules/simulation/roboticArm/instances/roboticArmInstances.tsx b/app/src/modules/simulation/roboticArm/instances/roboticArmInstances.tsx index f3ec98e..fc0865c 100644 --- a/app/src/modules/simulation/roboticArm/instances/roboticArmInstances.tsx +++ b/app/src/modules/simulation/roboticArm/instances/roboticArmInstances.tsx @@ -1,6 +1,7 @@ import RoboticArmInstance from "./armInstance/roboticArmInstance"; import { useArmBotStore } from "../../../../store/simulation/useArmBotStore"; import RoboticArmContentUi from "../../ui3d/RoboticArmContentUi"; +import React from "react"; function RoboticArmInstances() { const { armBots } = useArmBotStore(); @@ -8,10 +9,10 @@ function RoboticArmInstances() { return ( <> {armBots?.map((robot: ArmBotStatus) => ( - <> - - - + + + + ))} ); diff --git a/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx b/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx index 0ea7227..fa5cc03 100644 --- a/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx +++ b/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx @@ -9,10 +9,10 @@ function VehicleInstances() { return ( <> {vehicles.map((vehicle: VehicleStatus) => ( - <> - - - + + + + ))} ); diff --git a/app/src/styles/components/simulation/simulation.scss b/app/src/styles/components/simulation/simulation.scss index c28bb58..b98c23f 100644 --- a/app/src/styles/components/simulation/simulation.scss +++ b/app/src/styles/components/simulation/simulation.scss @@ -425,6 +425,8 @@ animation: borderAnimation 5s linear infinite; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); + mask: linear-gradient(#fff 0 0) content-box, + linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1;