From 89725e03bbe797f8f6e375878ff96805c2dfd78b Mon Sep 17 00:00:00 2001
From: Dobrunia Kostrigin <48620984+Dobrunia@users.noreply.github.com>
Date: Wed, 9 Apr 2025 03:16:11 +0300
Subject: [PATCH 1/2] fix layout shrink

---
 @codexteam/ui/package.json                            | 2 +-
 @codexteam/ui/src/vue/layout/page-block/PageBlock.vue | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/@codexteam/ui/package.json b/@codexteam/ui/package.json
index 2ac46d6e..288d0626 100644
--- a/@codexteam/ui/package.json
+++ b/@codexteam/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codexteam/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/@codexteam/ui/src/vue/layout/page-block/PageBlock.vue b/@codexteam/ui/src/vue/layout/page-block/PageBlock.vue
index 2dda4bb5..45839361 100644
--- a/@codexteam/ui/src/vue/layout/page-block/PageBlock.vue
+++ b/@codexteam/ui/src/vue/layout/page-block/PageBlock.vue
@@ -12,6 +12,10 @@
     >
       <slot name="left" />
     </div>
+    <div
+      :class="$style['page-block__sidebar']"
+      v-else
+    />
 
     <!-- Center Content -->
     <div
@@ -30,6 +34,10 @@
     >
       <slot name="right" />
     </div>
+    <div
+      :class="$style['page-block__sidebar']"
+      v-else
+    />
   </div>
 </template>
 

From fb20187f39fcccf9e87ff61d6257f952f4aac66e Mon Sep 17 00:00:00 2001
From: Dobrunia Kostrigin <48620984+Dobrunia@users.noreply.github.com>
Date: Thu, 10 Apr 2025 01:37:00 +0300
Subject: [PATCH 2/2] v-if to a slot

---
 .../src/vue/layout/page-block/PageBlock.vue   | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/@codexteam/ui/src/vue/layout/page-block/PageBlock.vue b/@codexteam/ui/src/vue/layout/page-block/PageBlock.vue
index 45839361..3d5c382f 100644
--- a/@codexteam/ui/src/vue/layout/page-block/PageBlock.vue
+++ b/@codexteam/ui/src/vue/layout/page-block/PageBlock.vue
@@ -7,15 +7,13 @@
   >
     <!-- Left Sidebar -->
     <div
-      v-if="$slots.left"
       :class="$style['page-block__sidebar']"
     >
-      <slot name="left" />
+      <slot
+        v-if="$slots.left"
+        name="left"
+      />
     </div>
-    <div
-      :class="$style['page-block__sidebar']"
-      v-else
-    />
 
     <!-- Center Content -->
     <div
@@ -29,15 +27,13 @@
 
     <!-- Right Sidebar -->
     <div
-      v-if="$slots.right"
       :class="$style['page-block__sidebar']"
     >
-      <slot name="right" />
+      <slot
+        v-if="$slots.right"
+        name="right"
+      />
     </div>
-    <div
-      :class="$style['page-block__sidebar']"
-      v-else
-    />
   </div>
 </template>