fix: Adjust social media preview image dimensions

apps/app/assets/js/admin/preview-image.js

@@ -73,8 +73,8 @@ const prepareCanvas = (input, canvasElement) => {
     "class",
     "social-media-preview-image rounded-lg border-2 border-gray-300"
   );
-  canvasElement.setAttribute("width", 800);
-  canvasElement.setAttribute("height", 418);
+  canvasElement.setAttribute("width", 1000);
+  canvasElement.setAttribute("height", 525);
   inputContainer.appendChild(canvasElement);
 
   const canvas = new fabric.Canvas(canvasElement);
@@ -101,7 +101,7 @@ ready(() => {
         top: 80,
         width: 640,
         fontWeight: "bold",
-        fontSize: 36,
+        fontSize: 48,
       });
 
       makeLinkedTextbox(canvas, "[name='post[excerpt]']", {
@@ -109,7 +109,7 @@ ready(() => {
         width: 560,
         top: title.aCoords.bl.y + 20,
         fill: "#4B5563",
-        fontSize: 18,
+        fontSize: 24,
       });
 
       var name = document
@@ -120,7 +120,7 @@ ready(() => {
         width: 560,
         top: 48,
         fill: "#F87171",
-        fontSize: 18,
+        fontSize: 24,
         fontWeight: "bold",
       });
 
@@ -129,7 +129,7 @@ ready(() => {
         top: 0,
         fill: "#F87171",
         width: 14,
-        height: 418,
+        height: 525,
         selectable: false,
       });
       canvas.add(rect);

mix.lock

@@ -54,7 +54,7 @@
   "makeup_erlang": {:hex, :makeup_erlang, "0.1.1", "3fcb7f09eb9d98dc4d208f49cc955a34218fc41ff6b84df7c75b3e6e533cc65f", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "174d0809e98a4ef0b3309256cbf97101c6ec01c4ab0b23e926a9e17df2077cbb"},
   "meck": {:hex, :meck, "0.8.13", "ffedb39f99b0b99703b8601c6f17c7f76313ee12de6b646e671e3188401f7866", [:rebar3], [], "hexpm", "d34f013c156db51ad57cc556891b9720e6a1c1df5fe2e15af999c84d6cebeb1a"},
   "metrics": {:hex, :metrics, "1.0.1", "25f094dea2cda98213cecc3aeff09e940299d950904393b2a29d191c346a8486", [:rebar3], [], "hexpm", "69b09adddc4f74a40716ae54d140f93beb0fb8978d8636eaded0c31b6f099f16"},
-  "mime": {:hex, :mime, "2.0.1", "0de4c81303fe07806ebc2494d5321ce8fb4df106e34dd5f9d787b637ebadc256", [:mix], [], "hexpm", "7a86b920d2aedce5fb6280ac8261ac1a739ae6c1a1ad38f5eadf910063008942"},
+  "mime": {:hex, :mime, "2.0.2", "0b9e1a4c840eafb68d820b0e2158ef5c49385d17fb36855ac6e7e087d4b1dcc5", [:mix], [], "hexpm", "e6a3f76b4c277739e36c2e21a2c640778ba4c3846189d5ab19f97f126df5f9b7"},
   "mimerl": {:hex, :mimerl, "1.2.0", "67e2d3f571088d5cfd3e550c383094b47159f3eee8ffa08e64106cdf5e981be3", [:rebar3], [], "hexpm", "f278585650aa581986264638ebf698f8bb19df297f66ad91b18910dfc6e19323"},
   "mochiweb": {:hex, :mochiweb, "2.22.0", "f104d6747c01a330c38613561977e565b788b9170055c5241ac9dd6e4617cba5", [:rebar3], [], "hexpm", "cbbd1fd315d283c576d1c8a13e0738f6dafb63dc840611249608697502a07655"},
   "mock": {:hex, :mock, "0.3.6", "e810a91fabc7adf63ab5fdbec5d9d3b492413b8cda5131a2a8aa34b4185eb9b4", [:mix], [{:meck, "~> 0.8.13", [hex: :meck, repo: "hexpm", optional: false]}], "hexpm", "bcf1d0a6826fb5aee01bae3d74474669a3fa8b2df274d094af54a25266a1ebd2"},