From 9bc1f73e2646267d8d85b9783746712813f575c0 Mon Sep 17 00:00:00 2001
From: anatolykopyl <akopyl@radner.ru>
Date: Sun, 24 Jul 2022 01:34:07 +0300
Subject: [PATCH] More pronounced notch

---
 bundle/vue-three-d-mockup.esm.js | 10 +++++++---
 package-lock.json                |  5 +++--
 package.json                     |  2 +-
 src/utils/roundedPlane.js        | 10 +++++++---
 4 files changed, 18 insertions(+), 9 deletions(-)

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 <akopyl@radner.ru>",
   "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);