fix view

z-korp · Nov 19, 2024 · fc9f687 · fc9f687
1 parent 5a24dda
commit fc9f687
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/client/src/ui/components/Tutorial/Tutorial.tsx b/client/src/ui/components/Tutorial/Tutorial.tsx
@@ -107,9 +107,9 @@ const Tutorial: React.FC<TutorialProps> = ({ showGrid, endTutorial }) => {
   if (!showGrid) return null;
 
   return (
-    <div className="flex flex-col items-center w-[500px] relative h-full">
+    <div className="flex flex-col items-center relative h-full mx-6">
       {isIntermission && (
-        <div className="absolute z-50 flex flex-col items-center p-6 bg-blue-600 rounded-lg shadow-md top-1/3">
+        <div className="absolute z-50 flex flex-col items-center p-6 rounded-lg shadow-md top-1/3">
           <h2 className="text-2xl font-bold mb-4">Congratulations!</h2>
           <p className="mb-4">
             You have successfully completed Step {tutorialStep}.
@@ -123,7 +123,7 @@ const Tutorial: React.FC<TutorialProps> = ({ showGrid, endTutorial }) => {
         </div>
       )}
 
-      <div className="text-center p-4 bg-blue-600 rounded-md mb-4 absolute mt-40 z-50">
+      <div className="text-center p-4 bg-blue-600 rounded-md mb-4 absolute mt-40 z-50 w-11/12 mx-auto">
         <h2>
           <TutorialMessage />
         </h2>