fix: Adjust social media preview image dimensions

This commit is contained in:
Robert Prehn 2021-10-22 10:44:58 -05:00
parent 82c03ca544
commit f1fbce243c
3 changed files with 7 additions and 7 deletions

View file

@ -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);

Binary file not shown.

Before

Width:  |  Height:  |  Size: 125 KiB

After

Width:  |  Height:  |  Size: 141 KiB

View file

@ -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"},