fix: Adjust social media preview image dimensions
This commit is contained in:
parent
82c03ca544
commit
f1fbce243c
3 changed files with 7 additions and 7 deletions
|
@ -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 |
2
mix.lock
2
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"},
|
||||
|
|
Loading…
Reference in a new issue