diff --git a/src/App.svelte b/src/App.svelte index bfb95f5..18579df 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -133,13 +133,13 @@

  1. Add filters from the list on the left.
  2. -
  3. Click on filters in the center panel to edit options.
  4. +
  5. Click on filters in the node editor to modify options.
  6. Hit "render" to preview the output in browser.
  7. -
  8. To edit the graph, disable "automatic layout."
  9. +
  10. To edit the graph, disable "lock layout."

- Note: this is a work in progress, many things may still be broken! If it hangs/crashes - refresh the page. Post issues/feedback to + Note: work in progress, many things may be broken! Refresh if it hangs or crashes. May not work on mobile. Post + issues/feedback to GitHub. By Sam Lavigne.

@@ -226,8 +226,7 @@ bind:this={fileinput} style="display: none;" /> - Lock Layout @@ -268,6 +267,8 @@ .header { grid-area: hdr; overflow: scroll; + display: flex; + flex-direction: column; } .command { @@ -371,12 +372,12 @@ box-shadow: none; resize: none; height: auto; + font: inherit; } .actual-command { border: none; flex: 1; - font: inherit; padding: 5px; height: 100%; } @@ -404,6 +405,8 @@ .help { font-size: 0.9em; + flex: 1; + overflow: scroll; } ol { margin: 5px 0px; @@ -431,19 +434,22 @@ "flt flt flt" "gra gra gra" "edt edt edt"; - grid-gap: 5px; + grid-gap: 0; padding: 10px; height: auto; grid-template-columns: repeat(3, 1fr); - grid-template-rows: auto; + grid-template-rows: fit-content; } .graph { - height: 50vh; + height: 60vh; } .command { margin: 0; margin-bottom: 10px; } + .command, .log { + height: 15vh; + } section { box-shadow: none; margin-bottom: 10px;