Design tweaks and redirect to cart after product added

Author: w3bdesign

components/Cart/AddToCartButton.vue

@@ -55,7 +55,6 @@ export default {
           .then(({ data }) => {
             this.loading = false
             this.$apollo.queries.cart.refetch()
-            this.$router.push('/cart')
           })
       } catch (e) {
         this.error = e
@@ -64,6 +63,7 @@ export default {
     addProductToCart(product) {
       this.loading = true
       this.addProductToWooCart(product)
+      this.$router.push('/cart')
     },
   },
 }

components/Header/Navbar.vue

@@ -2,19 +2,17 @@
   <div>
     <header
       role="banner"
-      class="container flex flex-col justify-center px-0 pt-6 mx-0 mx-auto mb-6"
+      class="container flex flex-col justify-center px-0 pt-6 mx-auto mb-6"
     >
       <div class="flex flex-wrap lg:px-4">
         <div class="w-9/12 pr-2 my-2 overflow-hidden lg:w-3/12 md:w-10/12">
           <div class="ml-4 lg:ml-0">
-            <NuxtLink to="/">
-              <img
-                alt="Logo"
-                class="h-24"
-                aria-label="Nettbutikk logo"
-                src="~/assets/Logo.svg"
-              />
-            </NuxtLink>
+            <img
+              alt="Logo"
+              class="h-20 lg:h-24"
+              aria-label="Nettbutikk logo"
+              src="~/assets/Logo.svg"
+            />
           </div>
         </div>
         <MobileMenu />

components/Index/Hero.vue

@@ -25,6 +25,6 @@ export default {
 #hero {
   background-image: url('~assets/Hero.jpg');
   height: 24rem;
-  max-width: 1376px;
+  max-width: 1350px;
 }
 </style>