styles fix

src/components/masterplanPage/TopPanel.tsx

@@ -28,30 +28,33 @@ const TopPanel = () => {
   };
 
   return (
-    <div
-      className={`absolute ${
-        isFullMode ? "" : "top-[62px]"
-      }  left-0 z-20 w-full p-4 flex justify-end gap-2`}
-    >
-      {isFullMode ? (
+    <>
+      <div className="absolute top-0 w-screen z-10">
+        <img src="../images/top_shadow.png" className="w-screen" alt="" />
+      </div>
+      <div
+        className={`absolute top-[62px] left-0 z-20 w-full p-4 flex justify-end gap-2`}
+      >
+        {isFullMode ? (
+          <Button
+            buttonType="fab"
+            icon={<ActiveResizeIcon />}
+            onClick={handleOnFullScreenClick}
+          />
+        ) : (
+          <Button
+            buttonType="fab"
+            icon={<ResizeIcon />}
+            onClick={handleOnFullScreenClick}
+          />
+        )}
         <Button
           buttonType="fab"
-          icon={<ActiveResizeIcon />}
-          onClick={handleOnFullScreenClick}
+          icon={<HintIcon />}
+          onClick={handleOnHelpClick}
         />
-      ) : (
-        <Button
-          buttonType="fab"
-          icon={<ResizeIcon />}
-          onClick={handleOnFullScreenClick}
-        />
-      )}
-      <Button
-        buttonType="fab"
-        icon={<HintIcon />}
-        onClick={handleOnHelpClick}
-      />
-    </div>
+      </div>
+    </>
   );
 };