@carforyou/header-footer - npm Package Compare versions

Comparing version 1.2.1-phrase-cfaa6ef62354dd7eaa3a429486db305a8e66e452.1 to 1.2.1

dist-node/index.js

@@ -1222,2 +1222,4 @@ 'use strict';
   }, React__default.createElement("div", {
+    className: "max-w-container m-auto"
+  }, React__default.createElement("div", {
     className: "min-w-100 w-logoDefault mb-30"
@@ -1323,3 +1325,3 @@ }, React__default.createElement(LogoWhite, null)), React__default.createElement("div", {
   })), React__default.createElement("section", {
-    className: "py-20 lg:py-15 border-t border-b border-grey-3 flex flex-row flex-wrap justify-between items-center"
+    className: "py-20 lg:py-15 border-t border-b border-grey-4 flex flex-row flex-wrap justify-between items-center"
   }, React__default.createElement("div", {
@@ -1360,3 +1362,3 @@ className: "w-12/12 lg:w-auto mb-15 lg:mb-0 text-center lg:text-left"
     className: "mt-30"
-  }, renderContentAfter()) : null);
+  }, renderContentAfter()) : null));
 };
@@ -1363,0 +1365,0 @@

dist-src/components/footer/index.js

@@ -21,95 +21,98 @@ import React, { useContext, useState, useEffect, Fragment, } from "react";
     return (React.createElement("footer", { className: "footer" },
-        React.createElement("div", { className: "min-w-100 w-logoDefault mb-30" },
-            React.createElement(LogoWhite, null)),
-        React.createElement("div", { className: "flex flex-row flex-wrap md:items-stretch" },
-            React.createElement(ContactSection, null),
-            React.createElement(Section, { name: "market", links: {
-                    buy: { href: url(listingsRootUrl, language, "/auto/search") },
-                    sell: { href: url(listingsRootUrl, language, "/car-sell") },
-                    favourites: { href: url(listingsRootUrl, language, "/favourites") },
-                    listings: { href: url(dealerhubRootUrl, language, "/listings") },
-                    login: { href: loginUrl(dealerhubRootUrl, language) },
-                } }),
-            React.createElement(Section, { name: "information", links: {
-                    mbg: {
-                        href: url(listingsRootUrl, language, "/money-back-guarantee"),
-                    },
-                    whatsMyCarWorth: {
-                        href: wasistmeinautowertUrl(language),
-                        target: "_blank",
-                    },
-                    priceCheck: {
-                        href: url(listingsRootUrl, language, "/price-check"),
-                    },
-                    faq: { href: url(listingsRootUrl, language, "/content/faq") },
-                } }),
-            React.createElement(Section, { name: "dealer", links: {
-                    dealerHub: {
-                        href: loginUrl(dealerhubRootUrl, language),
-                        tracking: {
-                            category: "footer",
-                            action: "link",
-                            label: "dealerhub",
+        React.createElement("div", { className: "max-w-container m-auto" },
+            React.createElement("div", { className: "min-w-100 w-logoDefault mb-30" },
+                React.createElement(LogoWhite, null)),
+            React.createElement("div", { className: "flex flex-row flex-wrap md:items-stretch" },
+                React.createElement(ContactSection, null),
+                React.createElement(Section, { name: "market", links: {
+                        buy: { href: url(listingsRootUrl, language, "/auto/search") },
+                        sell: { href: url(listingsRootUrl, language, "/car-sell") },
+                        favourites: {
+                            href: url(listingsRootUrl, language, "/favourites"),
                         },
-                    },
-                    advantages: {
-                        href: garagenUrl(language),
-                        target: "blank",
-                        tracking: {
-                            category: "footer",
-                            action: "link",
-                            label: "garagen",
+                        listings: { href: url(dealerhubRootUrl, language, "/listings") },
+                        login: { href: loginUrl(dealerhubRootUrl, language) },
+                    } }),
+                React.createElement(Section, { name: "information", links: {
+                        mbg: {
+                            href: url(listingsRootUrl, language, "/money-back-guarantee"),
                         },
-                    },
-                    register: {
-                        href: garagenUrl(language, "#registration"),
-                        target: "blank",
-                    },
-                    news: { href: garagenUrl(language, "/news"), target: "blank" },
-                    "360Tool": {
-                        href: threeSixtyToolUrl(language, isAndroid),
-                        target: "blank",
-                        rel: "noreferrer noopener",
-                    },
-                } }),
-            React.createElement(Section, { name: "company", links: {
-                    team: { href: teamUrl(language) },
-                    jobs: {
-                        href: jobsUrl(),
-                        target: "blank",
-                        rel: "noreferrer noopener",
-                        tracking: {
-                            category: "footer",
-                            action: "link",
-                            label: "jobs",
+                        whatsMyCarWorth: {
+                            href: wasistmeinautowertUrl(language),
+                            target: "_blank",
                         },
-                    },
-                    agb: {
-                        href: url(listingsRootUrl, language, "/content/general-terms-and-conditions"),
-                    },
-                    privacyPolicy: {
-                        href: url(listingsRootUrl, language, "/content/privacy-statement"),
-                    },
-                    imprint: {
-                        href: url(listingsRootUrl, language, "/content/impressum"),
-                    },
-                } })),
-        React.createElement("section", { className: "py-20 lg:py-15 border-t border-b border-grey-3 flex flex-row flex-wrap justify-between items-center" },
-            React.createElement("div", { className: "w-12/12 lg:w-auto mb-15 lg:mb-0 text-center lg:text-left" },
-                React.createElement("strong", null, "CAR FOR YOU"),
-                " \u00A9",
-                currentYear,
-                " All rights reserved"),
-            React.createElement("div", { className: "w-12/12 lg:w-auto mb-20 lg:mb-0 text-center lg:text-left" },
-                React.createElement("a", { href: facebookUrl(), rel: "noreferrer noopener", className: "footer-iconLink" },
-                    React.createElement(Facebook, { width: "32px", height: "32px" })),
-                React.createElement("a", { href: instagramUrl(), rel: "noreferrer noopener", className: "footer-iconLink" },
-                    React.createElement(Instagram, { width: "32px", height: "32px" })),
-                React.createElement("a", { href: linkedInUrl(), rel: "noreferrer noopener", className: "footer-iconLink" },
-                    React.createElement(LinkedIn, { width: "32px", height: "32px" }))),
-            React.createElement("div", { className: "w-12/12 lg:w-auto text-center lg:text-left" }, languages.map((lang, index) => (React.createElement(Fragment, { key: `languageNavigation-${lang}` },
-                index !== 0 ? React.createElement("span", { className: "mx-10" }, "|") : null,
-                React.createElement("a", { href: url(rootUrl, lang) }, t(`language.${lang}`, lang))))))),
-        renderContentAfter ? (React.createElement("div", { className: "mt-30" }, renderContentAfter())) : null));
+                        priceCheck: {
+                            href: url(listingsRootUrl, language, "/price-check"),
+                        },
+                        faq: { href: url(listingsRootUrl, language, "/content/faq") },
+                    } }),
+                React.createElement(Section, { name: "dealer", links: {
+                        dealerHub: {
+                            href: loginUrl(dealerhubRootUrl, language),
+                            tracking: {
+                                category: "footer",
+                                action: "link",
+                                label: "dealerhub",
+                            },
+                        },
+                        advantages: {
+                            href: garagenUrl(language),
+                            target: "blank",
+                            tracking: {
+                                category: "footer",
+                                action: "link",
+                                label: "garagen",
+                            },
+                        },
+                        register: {
+                            href: garagenUrl(language, "#registration"),
+                            target: "blank",
+                        },
+                        news: { href: garagenUrl(language, "/news"), target: "blank" },
+                        "360Tool": {
+                            href: threeSixtyToolUrl(language, isAndroid),
+                            target: "blank",
+                            rel: "noreferrer noopener",
+                        },
+                    } }),
+                React.createElement(Section, { name: "company", links: {
+                        team: { href: teamUrl(language) },
+                        jobs: {
+                            href: jobsUrl(),
+                            target: "blank",
+                            rel: "noreferrer noopener",
+                            tracking: {
+                                category: "footer",
+                                action: "link",
+                                label: "jobs",
+                            },
+                        },
+                        agb: {
+                            href: url(listingsRootUrl, language, "/content/general-terms-and-conditions"),
+                        },
+                        privacyPolicy: {
+                            href: url(listingsRootUrl, language, "/content/privacy-statement"),
+                        },
+                        imprint: {
+                            href: url(listingsRootUrl, language, "/content/impressum"),
+                        },
+                    } })),
+            React.createElement("section", { className: "py-20 lg:py-15 border-t border-b border-grey-4 flex flex-row flex-wrap justify-between items-center" },
+                React.createElement("div", { className: "w-12/12 lg:w-auto mb-15 lg:mb-0 text-center lg:text-left" },
+                    React.createElement("strong", null, "CAR FOR YOU"),
+                    " \u00A9",
+                    currentYear,
+                    " All rights reserved"),
+                React.createElement("div", { className: "w-12/12 lg:w-auto mb-20 lg:mb-0 text-center lg:text-left" },
+                    React.createElement("a", { href: facebookUrl(), rel: "noreferrer noopener", className: "footer-iconLink" },
+                        React.createElement(Facebook, { width: "32px", height: "32px" })),
+                    React.createElement("a", { href: instagramUrl(), rel: "noreferrer noopener", className: "footer-iconLink" },
+                        React.createElement(Instagram, { width: "32px", height: "32px" })),
+                    React.createElement("a", { href: linkedInUrl(), rel: "noreferrer noopener", className: "footer-iconLink" },
+                        React.createElement(LinkedIn, { width: "32px", height: "32px" }))),
+                React.createElement("div", { className: "w-12/12 lg:w-auto text-center lg:text-left" }, languages.map((lang, index) => (React.createElement(Fragment, { key: `languageNavigation-${lang}` },
+                    index !== 0 ? React.createElement("span", { className: "mx-10" }, "|") : null,
+                    React.createElement("a", { href: url(rootUrl, lang) }, t(`language.${lang}`, lang))))))),
+            renderContentAfter ? (React.createElement("div", { className: "mt-30" }, renderContentAfter())) : null)));
 };
 export default Footer;

package.json

 {
   "name": "@carforyou/header-footer",
   "description": "CAR FOR YOU Header / Footer",
-  "version": "1.2.1-phrase-cfaa6ef62354dd7eaa3a429486db305a8e66e452.1",
+  "version": "1.2.1",
   "license": "MIT",
@@ -23,3 +23,3 @@ "files": [
     "@babel/core": "^7.10.4",
-    "@carforyou/components": "9.1.0",
+    "@carforyou/components": "9.2.0-max-w-container-b232009c2d1392dbb7803102f3021d61dcf52b22.1",
     "@carforyou/eslint-config": "1.2.0",
@@ -26,0 +26,0 @@ "@carforyou/phraseapp": "1.1.1",

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

447386

0.52%

Lines of code

4038

0.2%

Number of low quality alerts

1

-50%

No dependency changes