Change layout width to 600px (#267)

shravan20 · Oct 29, 2023 · 3bd352d · 3bd352d
1 parent 1f0c493
commit 3bd352d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git 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,7 +230,7 @@ const layouts = {
             return `.quote {
                     display: inline-block;
                     margin: 1em;
-                    width:600px;
+                    min-width:600px;
                     font-family:customFont,Arial,Helvetica,sans-serif;
                     ${template.animation.animation};
                   } 

diff --git 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/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};