alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: missing bgcolor in background

Browse Source
This commit is contained in:
Braks
2021-10-22 13:03:25 +02:00
parent 8779a58bab
commit ee07affa89
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/additional-components/Background/Background.vue
+2 -1
View File
@@ -39,6 +39,7 @@ const background = computed(() => {
// when there are multiple flows on a page we need to make sure that every background gets its own pattern. // when there are multiple flows on a page we need to make sure that every background gets its own pattern.
const patternId = `pattern-${Math.floor(Math.random() * 100000)}` const patternId = `pattern-${Math.floor(Math.random() * 100000)}`
const bgColor = computed(() => (props.color ? props.color : defaultColors[props.variant || BackgroundVariant.Dots]))
</script> </script>
<template> <template>
<svg <svg
@@ -58,7 +59,7 @@ const patternId = `pattern-${Math.floor(Math.random() * 100000)}`
> >
<template v-if="props.variant === BackgroundVariant.Lines"> <template v-if="props.variant === BackgroundVariant.Lines">
<path <path
:stroke="props.color ? props.color : defaultColors[props.variant || BackgroundVariant.Dots]" :stroke="bgColor"
:stroke-width="props.size" :stroke-width="props.size"
:d="`M${background.scaledGap / 2} 0 V${background.scaledGap} M0 ${background.scaledGap / 2} H${background.scaledGap}`" :d="`M${background.scaledGap / 2} 0 V${background.scaledGap} M0 ${background.scaledGap / 2} H${background.scaledGap}`"
/> />