Restore shadows. Allow large zoom anyway.

lynxkite-app/web/src/index.css

@@ -74,7 +74,7 @@ body {
   }
 
   .lynxkite-node {
-    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
+    box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.3);
     border-radius: 4px;
     overflow: hidden;
     background: white;
@@ -100,7 +100,7 @@ body {
   }
 
   .node-group {
-    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
+    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.3);
     border-radius: 20px;
     border: none;
     background-color: white;
@@ -136,7 +136,7 @@ body {
     text-align: left;
     background: #fffa;
     color: black;
-    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
+    box-shadow: 0px 5px 50px 0px rgba(0, 0, 0, 0.1);
     backdrop-filter: blur(10px);
     font-size: 16px;
     font-weight: initial;
@@ -341,7 +341,7 @@ body {
 
     .comment-editor {
       width: 400px;
-      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
+      box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.3);
       border-radius: 4px;
       padding: 5px 10px;
       border: 1px solid #ccc;
@@ -359,7 +359,7 @@ body {
     left: 50%;
     bottom: 20px;
     transform: translateX(-50%);
-    box-shadow: 0 2px 10px 0px #8008;
+    box-shadow: 0 5px 50px 0px #8008;
     padding: 10px 40px 10px 20px;
     border-radius: 5px;
 

lynxkite-app/web/src/workspace/Workspace.tsx

@@ -517,7 +517,7 @@ function LynxKiteFlow() {
             onPaneClick={toggleNodeSearch}
             onConnect={onConnect}
             proOptions={{ hideAttribution: true }}
-            maxZoom={4}
+            maxZoom={10}
             minZoom={0.2}
             zoomOnScroll={false}
             panOnScroll={true}