fix(svelte): background lines

2023-09-27 17:26:51 +02:00
parent 335e116d44
commit 2215b68438
3 changed files with 4 additions and 4 deletions
--- a/examples/svelte/src/routes/stress/+page.svelte
+++ b/examples/svelte/src/routes/stress/+page.svelte
@@ -52,6 +52,6 @@

 <SvelteFlow {nodes} {edges} fitView minZoom={0.2}>
 	<Controls />
-	<Background variant={BackgroundVariant.Dots} />
+	<Background variant={BackgroundVariant.Lines} />
 	<MiniMap />
 </SvelteFlow>
--- a/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+++ b/packages/svelte/src/lib/plugins/Background/DotPattern.svelte
@@ -10,5 +10,5 @@
  cx={radius}
  cy={radius}
  r={radius}
-  class={cc(['svelte-flow__background-pattern', 'dot', className])}
+  class={cc(['svelte-flow__background-pattern', 'dots', className])}
 />
--- a/packages/system/src/styles/init.css
+++ b/packages/system/src/styles/init.css
@@ -276,14 +276,14 @@
 }

 .xy-flow__background-pattern {
-  &.dot {
+  &.dots {
    fill: var(
      --background-pattern-color-props,
      var(--background-pattern-color, var(--background-pattern-dot-color-default))
    );
  }

-  &.line {
+  &.lines {
    stroke: var(
      --background-pattern-color-props,
      var(--background-pattern-color, var(--background-pattern-line-color-default))