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

refactor(background): set default gap to 20

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-04-11 20:28:02 +02:00
committed by Braks
parent 7a55cb992d
commit 1fd438b0b0
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/background/src/Background.vue
+5 -5
View File
@@ -6,8 +6,8 @@ import { DotPattern, LinePattern } from './patterns'
const { const {
id, id,
variant = 'dots' as BackgroundVariant, variant = BackgroundVariant.Dots,
gap = 10, gap = 20,
size = 1, size = 1,
lineWidth = 1, lineWidth = 1,
height = 100, height = 100,
@@ -26,10 +26,10 @@ const defaultColors: Record<BackgroundVariant, string> = {
const { id: vueFlowId, viewport } = useVueFlow() const { id: vueFlowId, viewport } = useVueFlow()
const gapXY = computed(() => (Array.isArray(gap) ? gap : [gap, gap]))
const background = computed(() => { const background = computed(() => {
const scaledGap: [number, number] = [gapXY.value[0] * viewport.value.zoom || 1, gapXY.value[1] * viewport.value.zoom || 1] const [gapX, gapY] = Array.isArray(gap) ? gap : [gap, gap]
const scaledGap: [number, number] = [gapX * viewport.value.zoom || 1, gapY * viewport.value.zoom || 1]
const scaledSize = size * viewport.value.zoom const scaledSize = size * viewport.value.zoom