From c3119e5ec11c0af187aa9d1f067b8fd06a6dbaa2 Mon Sep 17 00:00:00 2001 From: Kartikeya Manchanda Date: Wed, 18 Oct 2023 15:45:39 +0530 Subject: [PATCH 1/4] Change layout width to 600px --- frontend/src/util/template/getTemplate.js | 2 +- src/api/controllers/quotesController.js | 2 +- src/common/getTemplate.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/util/template/getTemplate.js b/frontend/src/util/template/getTemplate.js index 866b2ee..350c502 100644 --- a/frontend/src/util/template/getTemplate.js +++ b/frontend/src/util/template/getTemplate.js @@ -1,6 +1,6 @@ const getTemplate = (template) => { return ` - diff --git a/src/api/controllers/quotesController.js b/src/api/controllers/quotesController.js index e9eda50..b25235f 100644 --- a/src/api/controllers/quotesController.js +++ b/src/api/controllers/quotesController.js @@ -45,7 +45,7 @@ const quoteController = async (req, res, next) => { res.send(svgResponse); } catch (error) { - console.log(error); + console.error(error); res.send({ name: error.name, message: error.message, diff --git a/src/common/getTemplate.js b/src/common/getTemplate.js index ce9eabf..e82a6fa 100644 --- a/src/common/getTemplate.js +++ b/src/common/getTemplate.js @@ -1,6 +1,6 @@ const getTemplate = (template) => { return ` - From fff688d472599505ea9aaddd93ca4e0ff6811971 Mon Sep 17 00:00:00 2001 From: Kartikeya Manchanda Date: Wed, 18 Oct 2023 18:34:33 +0530 Subject: [PATCH 2/4] Change width to min width --- frontend/src/util/layouts/index.js | 11 ++++++----- src/layouts/layout.js | 10 +++++----- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/frontend/src/util/layouts/index.js b/frontend/src/util/layouts/index.js index b2e905a..5583322 100644 --- a/frontend/src/util/layouts/index.js +++ b/frontend/src/util/layouts/index.js @@ -9,7 +9,7 @@ const layouts = { .container { font-family:customFont, Arial, Helvetica, sans-serif; padding: 40px 20px; - width: 600px; + min-width: 600px; background-color: ${template.theme.bg_color}; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; @@ -55,7 +55,7 @@ const layouts = { display:inline-block; font-family:customFont,Arial,Helvetica,sans-serif; margin:1em; - width:600px; + min-width:600px; ${template.animation.animation}; } ${template.animation.keyframes} @@ -113,8 +113,8 @@ const layouts = { style: (template) => { return `#ct{ height:auto; - width:600px; - margin: 20px 50px 20px 10px; + min-width:600px; + margin: 20px; text-align:center; font-family:customFont,Arial,Helvetica,sans-serif; position:relative; @@ -230,12 +230,13 @@ const layouts = { return `.quote { display: inline-block; margin: 1em; - width:600px; + min-width:600px; font-family:customFont,Arial,Helvetica,sans-serif; ${template.animation.animation}; } ${template.animation.keyframes} blockquote { + width:100% border: solid 6px ${template.theme.bg_color === "fffefe" ? "757575" : template.theme.bg_color diff --git a/src/layouts/layout.js b/src/layouts/layout.js index 27c128c..d638ce0 100644 --- a/src/layouts/layout.js +++ b/src/layouts/layout.js @@ -9,7 +9,7 @@ const layouts = { .container { font-family:customFont,Arial,Helvetica,sans-serif; padding: 40px 20px; - width: 600px; + min-width: 600px; background: ${template.theme.bg_color}; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; @@ -56,7 +56,7 @@ const layouts = { display:inline-block; font-family:customFont,Arial,Helvetica,sans-serif; margin:1em; - width:600px; + min-width:600px; ${template.animation.animation}; } ${template.animation.keyframes} @@ -120,8 +120,8 @@ const layouts = { .main-container { position: relative; - width: 600px; - margin: 20px 50px 20px 10px; + min-width: 600px; + margin: 20px; display: inline-block; text-align: center; font-family:customFont,Arial,Helvetica,sans-serif; @@ -243,7 +243,7 @@ const layouts = { position: relative; display: inline-block; margin: 1em; - width:600px; + min-width:600px; font-family:customFont,Arial,Helvetica,sans-serif; position: relative; ${template.animation.animation}; From 57d34e682f27aeec26097b2087ce43c0047d33f0 Mon Sep 17 00:00:00 2001 From: Kartikeya Manchanda Date: Wed, 18 Oct 2023 18:36:09 +0530 Subject: [PATCH 3/4] revert previous changes --- frontend/src/util/template/getTemplate.js | 2 +- src/common/getTemplate.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/util/template/getTemplate.js b/frontend/src/util/template/getTemplate.js index 350c502..866b2ee 100644 --- a/frontend/src/util/template/getTemplate.js +++ b/frontend/src/util/template/getTemplate.js @@ -1,6 +1,6 @@ const getTemplate = (template) => { return ` - diff --git a/src/common/getTemplate.js b/src/common/getTemplate.js index e82a6fa..ce9eabf 100644 --- a/src/common/getTemplate.js +++ b/src/common/getTemplate.js @@ -1,6 +1,6 @@ const getTemplate = (template) => { return ` - From 05fa6d23b7ae3dbb9d3ab31c1c0c31b3526dbb58 Mon Sep 17 00:00:00 2001 From: Kartikeya <42073497+fathomer@users.noreply.github.com> Date: Wed, 18 Oct 2023 18:39:27 +0530 Subject: [PATCH 4/4] revert 100% width --- frontend/src/util/layouts/index.js | 1 - 1 file changed, 1 deletion(-) diff --git a/frontend/src/util/layouts/index.js b/frontend/src/util/layouts/index.js index 5583322..4940fb3 100644 --- a/frontend/src/util/layouts/index.js +++ b/frontend/src/util/layouts/index.js @@ -236,7 +236,6 @@ const layouts = { } ${template.animation.keyframes} blockquote { - width:100% border: solid 6px ${template.theme.bg_color === "fffefe" ? "757575" : template.theme.bg_color