From 8e9cddf75bf7b66fc90a65d106cb0d3316b6b0f4 Mon Sep 17 00:00:00 2001
From: rbedeoan-plenty <121931658+rbedeoan-plenty@users.noreply.github.com>
Date: Fri, 18 Oct 2024 09:13:06 +0300
Subject: [PATCH 1/3] fix: cls

---
 apps/web/layouts/default.vue      | 5 +----
 apps/web/pages/[...slug].vue      | 5 +++++
 apps/web/pages/product/[slug].vue | 5 +++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/web/layouts/default.vue b/apps/web/layouts/default.vue
index 935019f1d..271625f0b 100644
--- a/apps/web/layouts/default.vue
+++ b/apps/web/layouts/default.vue
@@ -1,10 +1,7 @@
 <template>
   <div>
     <UiHeader />
-    <NarrowContainer v-if="breadcrumbs?.length" class="p-4 md:px-0">
-      <LazyUiBreadcrumbs :breadcrumbs="breadcrumbs" />
-    </NarrowContainer>
-    <main>
+    <main class="min-h-screen">
       <slot />
     </main>
     <UiNavbarBottom v-if="viewport.isLessThan('lg')" />
diff --git a/apps/web/pages/[...slug].vue b/apps/web/pages/[...slug].vue
index 0b1e35a1b..b078a0b79 100644
--- a/apps/web/pages/[...slug].vue
+++ b/apps/web/pages/[...slug].vue
@@ -5,6 +5,11 @@
     class="relative"
     :class="{ 'pointer-events-none opacity-50': loading }"
   >
+    <div class="sm:min-h-[56px] min-h-[59px]">
+      <NarrowContainer v-if="!loading && breadcrumbs?.length" class="p-4 md:px-0">
+        <LazyUiBreadcrumbs :breadcrumbs="breadcrumbs" />
+      </NarrowContainer>
+    </div>
     <SfLoaderCircular v-if="loading" class="fixed top-[50%] right-0 left-0 m-auto z-[99999]" size="2xl" />
     <CategoryPageContent
       v-if="productsCatalog?.products"
diff --git a/apps/web/pages/product/[slug].vue b/apps/web/pages/product/[slug].vue
index 214c614e2..04c584a3e 100644
--- a/apps/web/pages/product/[slug].vue
+++ b/apps/web/pages/product/[slug].vue
@@ -1,5 +1,10 @@
 <template>
   <NuxtLayout name="default" :breadcrumbs="breadcrumbs">
+    <div class="sm:min-h-[56px] min-h-[59px]">
+      <NarrowContainer v-if="breadcrumbs?.length" class="p-4 md:px-0">
+        <LazyUiBreadcrumbs :breadcrumbs="breadcrumbs" />
+      </NarrowContainer>
+    </div>
     <NarrowContainer>
       <div class="md:grid gap-x-6 grid-areas-product-page grid-cols-product-page">
         <section class="grid-in-left-top md:h-full xl:max-h-[700px]">

From d52f7c3b215471b29e7490a976569120e4c38134 Mon Sep 17 00:00:00 2001
From: rbedeoan-plenty <121931658+rbedeoan-plenty@users.noreply.github.com>
Date: Fri, 18 Oct 2024 09:34:01 +0300
Subject: [PATCH 2/3] fix: changelog

---
 docs/changelog/changelog_en.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/changelog/changelog_en.md b/docs/changelog/changelog_en.md
index a580a8f92..37ed88711 100644
--- a/docs/changelog/changelog_en.md
+++ b/docs/changelog/changelog_en.md
@@ -8,6 +8,7 @@
 
 ### 🩹 Fixed
 
+- Fixed content layout shift raported by google insights.
 - Fixed an issue where product path was not reactive when category was changed.
 - Automatically generate a language file for every active language, not just the default language.
 - Soft login was still shown after successfully authenticating on the order confirmation page.

From b55ab7b3b0414f852384727a311b3ba0363c549c Mon Sep 17 00:00:00 2001
From: rbedeoan-plenty <121931658+rbedeoan-plenty@users.noreply.github.com>
Date: Fri, 18 Oct 2024 11:02:54 +0300
Subject: [PATCH 3/3] fix: changelog

---
 docs/changelog/changelog_en.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/changelog/changelog_en.md b/docs/changelog/changelog_en.md
index 8394859a2..8eef9ef2a 100644
--- a/docs/changelog/changelog_en.md
+++ b/docs/changelog/changelog_en.md
@@ -9,7 +9,7 @@
 
 ### 🩹 Fixed
 
-- Fixed content layout shift raported by google insights.
+- Fixed content layout shift error in category page
 - Fixed an issue where product path was not reactive when category was changed.
 - Automatically generate a language file for every active language, not just the default language.
 - Soft login was still shown after successfully authenticating on the order confirmation page.