diff --git a/bundle/vue-three-d-mockup.esm.js b/bundle/vue-three-d-mockup.esm.js index 988fbe9..81cbaa7 100644 --- a/bundle/vue-three-d-mockup.esm.js +++ b/bundle/vue-three-d-mockup.esm.js @@ -90,15 +90,19 @@ function roundedPlane(width, height, radius) { shape.quadraticCurveTo(x, y + height, x + radius, y + height); shape.lineTo(width / 2 - nW / 2 - nH, y + height); - shape.quadraticCurveTo(width / 2 - nW / 2, y + height, width / 2 - nW / 2, y + height - nH / 2); + shape.quadraticCurveTo( + width / 2 - nW / 2, y + height, width / 2 - nW / 2, y + height - nH / 10, + ); shape.quadraticCurveTo( width / 2 - nW / 2, y + height - nH, width / 2 - nW / 2 + nH, y + height - nH, ); shape.lineTo(width / 2 + nW / 2 - nH, y + height - nH); shape.quadraticCurveTo( - width / 2 + nW / 2, y + height - nH, width / 2 + nW / 2, y + height - nH / 2, + width / 2 + nW / 2, y + height - nH, width / 2 + nW / 2, y + height - nH / 10, + ); + shape.quadraticCurveTo( + width / 2 + nW / 2, y + height, width / 2 + nW / 2 + nH, y + height, ); - shape.quadraticCurveTo(width / 2 + nW / 2, y + height, width / 2 + nW / 2 + nH, y + height); shape.lineTo(x + width - radius, y + height); shape.quadraticCurveTo(x + width, y + height, x + width, y + height - radius); diff --git a/package-lock.json b/package-lock.json index 24cc590..80ddb20 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,12 @@ { "name": "vue-three-d-mockup", - "version": "0.1.0", + "version": "0.2.1", "lockfileVersion": 2, "requires": true, "packages": { "": { - "version": "0.1.0", + "name": "vue-three-d-mockup", + "version": "0.2.1", "license": "GPL-3.0", "dependencies": { "core-js": "^3.6.5", diff --git a/package.json b/package.json index f5decbb..6be0803 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vue-three-d-mockup", - "version": "0.2.1", + "version": "0.2.2", "description": "📱 A 3D phone mockup component to showcase your apps", "author": "Anatoly Kopyl ", "keywords": ["vue", "mockup-generator", "threejs", "design", "mockup"], diff --git a/src/utils/roundedPlane.js b/src/utils/roundedPlane.js index 90e5517..5ccbdd5 100644 --- a/src/utils/roundedPlane.js +++ b/src/utils/roundedPlane.js @@ -11,15 +11,19 @@ export default function roundedPlane(width, height, radius) { shape.quadraticCurveTo(x, y + height, x + radius, y + height); shape.lineTo(width / 2 - nW / 2 - nH, y + height); - shape.quadraticCurveTo(width / 2 - nW / 2, y + height, width / 2 - nW / 2, y + height - nH / 2); + shape.quadraticCurveTo( + width / 2 - nW / 2, y + height, width / 2 - nW / 2, y + height - nH / 10, + ); shape.quadraticCurveTo( width / 2 - nW / 2, y + height - nH, width / 2 - nW / 2 + nH, y + height - nH, ); shape.lineTo(width / 2 + nW / 2 - nH, y + height - nH); shape.quadraticCurveTo( - width / 2 + nW / 2, y + height - nH, width / 2 + nW / 2, y + height - nH / 2, + width / 2 + nW / 2, y + height - nH, width / 2 + nW / 2, y + height - nH / 10, + ); + shape.quadraticCurveTo( + width / 2 + nW / 2, y + height, width / 2 + nW / 2 + nH, y + height, ); - shape.quadraticCurveTo(width / 2 + nW / 2, y + height, width / 2 + nW / 2 + nH, y + height); shape.lineTo(x + width - radius, y + height); shape.quadraticCurveTo(x + width, y + height, x + width, y + height - radius);