alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(svelte): background lines

Browse Source
This commit is contained in:
moklick
2023-09-27 17:26:51 +02:00
parent 335e116d44
commit 2215b68438
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/svelte/src/routes/stress/+page.svelte
+1 -1
View File
@@ -52,6 +52,6 @@
<SvelteFlow {nodes} {edges} fitView minZoom={0.2}> <SvelteFlow {nodes} {edges} fitView minZoom={0.2}>
<Controls /> <Controls />
<Background variant={BackgroundVariant.Dots} /> <Background variant={BackgroundVariant.Lines} />
<MiniMap /> <MiniMap />
</SvelteFlow> </SvelteFlow>
packages/svelte/src/lib/plugins/Background/DotPattern.svelte
+1 -1
View File
@@ -10,5 +10,5 @@
cx={radius} cx={radius}
cy={radius} cy={radius}
r={radius} r={radius}
class={cc(['svelte-flow__background-pattern', 'dot', className])} class={cc(['svelte-flow__background-pattern', 'dots', className])}
/> />
packages/system/src/styles/init.css
+2 -2
View File
@@ -276,14 +276,14 @@
} }
.xy-flow__background-pattern { .xy-flow__background-pattern {
&.dot { &.dots {
fill: var( fill: var(
--background-pattern-color-props, --background-pattern-color-props,
var(--background-pattern-color, var(--background-pattern-dot-color-default)) var(--background-pattern-color, var(--background-pattern-dot-color-default))
); );
} }
&.line { &.lines {
stroke: var( stroke: var(
--background-pattern-color-props, --background-pattern-color-props,
var(--background-pattern-color, var(--background-pattern-line-color-default)) var(--background-pattern-color, var(--background-pattern-line-color-default))