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

docs: disable blobity for mobile

Browse Source
This commit is contained in:
Braks
2022-04-11 11:30:10 +02:00
parent f011ea61b1
commit f06b224aa9
1 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/components/home/Home.vue
+4 -2
View File
@@ -8,7 +8,10 @@ const dark = useDark({
selector: 'html', selector: 'html',
}) })
const breakpoints = useBreakpoints(breakpointsTailwind)
onMounted(() => { onMounted(() => {
if (!breakpoints.isSmaller('md')) {
const blobity = new Blobity({ const blobity = new Blobity({
color: dark.value ? '#ffffff' : '#000000', color: dark.value ? '#ffffff' : '#000000',
invert: true, invert: true,
@@ -24,10 +27,9 @@ onMounted(() => {
onBeforeUnmount(() => { onBeforeUnmount(() => {
blobity.destroy() blobity.destroy()
}) })
}
}) })
const breakpoints = useBreakpoints(breakpointsTailwind)
const { dimensions, instance, onPaneReady, getNodes, getNode, getEdge, updateEdge, edges } = useVueFlow({ const { dimensions, instance, onPaneReady, getNodes, getNode, getEdge, updateEdge, edges } = useVueFlow({
nodes: [ nodes: [
{ id: 'intro', type: 'box', position: { x: 0, y: 0 } }, { id: 'intro', type: 'box', position: { x: 0, y: 0 } },