feat: style adjustments (SWF-249)

shopware · Feb 3, 2023 · e50702d · e50702d
1 parent 98221ba
commit e50702d
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 5 deletions.
diff --git a/.changeset/lemon-vans-repeat.md b/.changeset/lemon-vans-repeat.md
@@ -0,0 +1,5 @@
+---
+"vue-demo-store": patch
+---
+
+Checkout logout redirect and breadcrumbs style adjustments
diff --git a/.changeset/loud-trees-try.md b/.changeset/loud-trees-try.md
@@ -0,0 +1,5 @@
+---
+"@shopware-pwa/cms-base": patch
+---
+
+Add flex to the CmsBlockTextTwoColumn
diff --git a/packages/cms-base/components/public/cms/block/CmsBlockTextTwoColumn.vue b/packages/cms-base/components/public/cms/block/CmsBlockTextTwoColumn.vue
@@ -12,14 +12,14 @@ const rightContent = getSlotContent("right");
 </script>
 
 <template>
-  <article class="cms-block-text-two-column">
+  <article class="cms-block-text-two-column flex gap-20">
     <CmsGenericElement
       :content="leftContent"
-      class="cms-block-text-two-column__text"
+      class="w-1/2 cms-block-text-two-column__text"
     />
     <CmsGenericElement
       :content="rightContent"
-      class="cms-block-text-two-column__text"
+      class="w-1/2 cms-block-text-two-column__text"
     />
   </article>
 </template>
diff --git a/templates/vue-demo-store/components/layout/LayoutBreadcrumbs.vue b/templates/vue-demo-store/components/layout/LayoutBreadcrumbs.vue
@@ -2,7 +2,10 @@
 const { breadcrumbs } = useBreadcrumbs();
 </script>
 <template>
-  <nav class="container mx-auto flex mt-8 mb-8" aria-label="Breadcrumb">
+  <nav
+    class="max-w-screen-xl mx-auto flex mt-8 mb-8 px-4 sm:px-6"
+    aria-label="Breadcrumb"
+  >
     <ol class="inline-flex items-center space-x-1 md:space-x-3">
       <li class="inline-flex items-center">
         <nuxt-link

diff --git a/templates/vue-demo-store/pages/checkout/index.vue b/templates/vue-demo-store/pages/checkout/index.vue
@@ -193,6 +193,10 @@ const invokeSubmit = async () => {
     }
   }
 };
+async function invokeLogout() {
+  await logout();
+  await push("/");
+}
 </script>
 
 <template>
@@ -532,7 +536,7 @@ const invokeSubmit = async () => {
                 href="#"
                 class="text-brand-primary hover:text-brand-dark"
                 data-testid="checkout-logout"
-                @click="logout"
+                @click="invokeLogout"
                 >here</a
               >.
             </div>