Fixing overlaping Code Editor Window

Author: FalkWolsky

client/packages/lowcoder/src/constants/Layers.ts

@@ -1,12 +1,12 @@
 export const Layers = {
   // new user tutorials
-  tutorials: 3000,
+  tutorials: 5000,
   //
   videoDialog: 2010,
   //
-  codeEditorTooltip: 3000,
+  codeEditorTooltip: 1000,
   //
-  codeEditorPanel: 1100,
+  codeEditorPanel: 1000,
   //
   queryResultPanel: 1000,
   //
@@ -24,7 +24,7 @@ export const Layers = {
   //
   helpIcon: 550,
   // bottom panel, keep the code completion displayed above the right panel
-  bottomPanel: 550,
+  bottomPanel: 450,
   // right panel's z-index should be higher than canvas and comps, to make sure the code completion displayed above
   rightPanel: 500,
   // comp selection wrapper

client/packages/lowcoder/src/pages/editor/codeEditorPanel.tsx

@@ -22,7 +22,7 @@ const Wrapper = styled.div`
   left: 50%;
   border-radius: 8px;
   background: #ffffff;
-  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
 `;
 const HeaderWrapper = styled.div`
   height: 40px;