chore(examples): cleanup astro

2023-10-23 18:05:19 +02:00
parent 7bc35b59aa
commit 9351a492ac
6 changed files with 11 additions and 38 deletions
@@ -78,7 +78,9 @@
  };
 </script>

-<SvelteFlow {nodes} {edges} fitView {defaultEdgeOptions}>
-  <Controls />
-  <Background variant={BackgroundVariant.Dots} />
-</SvelteFlow>
+<div style="height: 400px; width: 700px;">
+  <SvelteFlow {nodes} {edges} fitView {defaultEdgeOptions} width={700} height={400}>
+    <Controls />
+    <Background variant={BackgroundVariant.Dots} />
+  </SvelteFlow>
+</div>
@@ -1,15 +1,14 @@
 ---
-import RF from '../components/ReactFlowExample' 
-import SF from '../components/SvelteFlowExample/index.svelte' 
+import ReactFlowApp from '../components/ReactFlowExample' 
+import SvelteFlowApp from '../components/SvelteFlowExample/index.svelte' 
 ---

 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="viewport" content="width=device-width" />
 		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
+		<title>Astro example for React Flow and Svelte Flow</title>

 		<style>
 			html, body {
@@ -20,13 +19,9 @@ import SF from '../components/SvelteFlowExample/index.svelte'
 	</head>
 	<body>
 		<h2>Svelte Flow</h2>
-		<div style="height: 400px">
-			<SF />
-		</div>
+		<SvelteFlowApp />

 		<h2>React Flow</h2>
-		<div >
-			<RF />
-		</div>
+		<ReactFlowApp />
 	</body>
 </html>