feat: ui design (#361)

Author: ikun97

web/packages/form-engine/src/index.tsx

@@ -95,14 +95,18 @@ const FormEngine = forwardRef<FormRef, IFormEngineProps>((props, ref) => {
   }, []);
 
   const fallbackRender = (props: FallbackProps) => (
-    <div>
+    <div className="p-3">
       <Heading size="h2" color="critical">
         Caught an error
       </Heading>
       <Text size="sm" color="subtler">
         {props.error.toString()}
       </Text>
-      <pre className="bg-normal-primary-default p-2 rounded-xl">
+      <pre
+        className="bg-normal-primary-default p-2 rounded-xl overflow-scroll"
+        onWheel={e => e.stopPropagation()}
+        onWheelCapture={e => e.stopPropagation()}
+        onMouseDownCapture={e => e.stopPropagation()}>
         {JSON.stringify(values, null, 2)}
       </pre>
     </div>