update dependencies, fix width of the recipe description

flotiq · Mar 9, 2022 · 9d3b74c · 9d3b74c
1 parent cdf4d0a
commit 9d3b74c
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 22 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -1,5 +1,6 @@
 import './src/style/global.css';
 import '@fontsource/sora/300.css';
 import '@fontsource/sora/600.css';
+import '@fontsource/inter/600.css';
 import '@fontsource/karla/400.css';
 import '@fontsource/karla/700.css';
diff --git a/package.json b/package.json
@@ -23,7 +23,7 @@
     "@popperjs/core": "^2.11.0",
     "@tailwindcss/forms": "^0.4.0",
     "@tailwindcss/line-clamp": "^0.3.1",
-    "flotiq-components-react": "^0.4.13",
+    "flotiq-components-react": "^0.4.14",
     "gatsby": "^4.7.2",
     "gatsby-plugin-google-analytics": "^4.7.0",
     "gatsby-plugin-image": "^2.7.0",

diff --git a/src/components/RecipeCompactCard.js b/src/components/RecipeCompactCard.js
@@ -48,18 +48,19 @@ const RecipeCompactCard = ({
                     </p>
                 </div>
             </Link>
-            <div className="flex flex-wrap justify-start text-sm font-light mt-3">
-                {tags && tags.map((tag) => (
-                    <a
-                        key={tag}
-                        href="/"
-                        className="mr-5 my-1 py-2 inline-flex items-center justify-center
-                       rounded-md underline text-xs font-light hover:text-secondary"
-                    >
-                        {tag}
-                    </a>
-                ))}
-            </div>
+            {/* Uncomment this to add categories to your recipes */}
+            {/* <div className="flex flex-wrap justify-start text-sm font-light mt-3"> */}
+            {/*    {tags && tags.map((tag) => ( */}
+            {/*        <Link */}
+            {/*            key={tag} */}
+            {/*            href="/" */}
+            {/*            className="mr-5 my-1 py-2 inline-flex items-center justify-center */}
+            {/*           rounded-md underline text-xs font-light hover:text-secondary" */}
+            {/*        > */}
+            {/*            {tag} */}
+            {/*        </Link> */}
+            {/*    ))} */}
+            {/* </div> */}
         </Card.Body>
     </Card>
 );

diff --git a/src/templates/recipe.js b/src/templates/recipe.js
@@ -23,7 +23,7 @@ const RecipeTemplate = ({ data }) => {
                 additionalClasses={['']}
             />
             <div className="flex flex-wrap max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-                <div className="flex flex-col pl-0 mb-10">
+                <div className="flex flex-col pl-0 mb-10 w-full">
                     <div className="text-white bg-primary mt-10 px-10 md:px-24 py-10 relative">
                         <div className="absolute top-0 left-0 h-6 md:h-12 w-6 md:w-12 bg-light-gray" />
                         <Header

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -11,10 +11,11 @@ module.exports = {
                 'medium-gray': '#ebebeb',
                 'light-gray': '#F9F9F9',
             },
-        },
-        fontFamily: {
-            karla: ['Karla', 'sans-serif'],
-            sora: ['Sora', 'sans-serif'],
+            fontFamily: {
+                karla: ['Karla', 'sans-serif'],
+                sora: ['Sora', 'sans-serif'],
+                inter: ['Inter', 'sans-serif'],
+            },
         },
     },
     presets: [

diff --git a/yarn.lock b/yarn.lock
@@ -5168,10 +5168,10 @@ flatted@^3.1.0:
   resolved "https://registry.npmjs.org/flatted/-/flatted-3.2.5.tgz"
   integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg==
 
-flotiq-components-react@^0.4.13:
-  version "0.4.13"
-  resolved "https://registry.npmjs.org/flotiq-components-react/-/flotiq-components-react-0.4.13.tgz"
-  integrity sha512-ABXzQiPFRua6l6o4JsrGwXr67XBB5srcdscbtwPFDiO3jYjO496zVG1ejoEVE27RrKB9d8cwJUM9jLCby8UcVg==
+flotiq-components-react@^0.4.14:
+  version "0.4.14"
+  resolved "https://registry.yarnpkg.com/flotiq-components-react/-/flotiq-components-react-0.4.14.tgz#5995e69ffdef7249f6bcb9b5a7149db947daa036"
+  integrity sha512-L6W3Nm5Z0C3kNHDksOMoNh02KM07SORP4Ewy8NdYJTpMyqj2rTDhU9UG69giP2xMUH7eqe8J3LAcWPkOKIuyow==
 
 follow-redirects@^1.0.0, follow-redirects@^1.14.0:
   version "1.14.8"