fix: update position of activity box

alberto-abarzua · Nov 22, 2023 · 7b855b8 · 7b855b8
1 parent 2412495
commit 7b855b8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/components/general/tutorial/ActivityBox.jsx b/frontend/src/components/general/tutorial/ActivityBox.jsx
@@ -62,7 +62,7 @@ const ActivityBox = () => {
 
     return (
         <div
-            className={`absolute left-1/2 top-2 z-20 flex w-1/4 transform flex-col justify-center  rounded-md border border-gray-700 bg-purple-700 bg-opacity-90  p-4 text-white transition-all  duration-500 ${
+            className={`absolute left-[55%] top-2 z-20 flex w-[28%] transform flex-col justify-center  rounded-md border border-gray-700 bg-purple-700 bg-opacity-90  p-4 text-white transition-all  duration-500 ${
                 isVisible ? 'translate-y-0 opacity-100' : '-translate-y-full opacity-0'
             }`}
         >

diff --git a/frontend/src/views/MainView.jsx b/frontend/src/views/MainView.jsx
@@ -23,13 +23,13 @@ export default function Home() {
                     <ActionsPanel></ActionsPanel>
                 </div>
                 <div className="relative box-border flex h-full w-full flex-col items-start justify-start bg-slate-50 lg:w-6/12">
-                    <div className="relative flex h-[40%] w-full">
+                    <div className="relative flex h-[45%] w-full">
                         <ArmSimulation></ArmSimulation>
                         <div className="absolute right-0">
                             <ArmStatus></ArmStatus>
                         </div>
                     </div>
-                    <div className="relative flex h-[60%] w-full">
+                    <div className="relative flex h-[55%] w-full">
                         <ControlPanel></ControlPanel>
                     </div>
                 </div>