From dee5c37bfae44f12b158468ef657ed1f04a1a256 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Thu, 21 Apr 2022 11:56:13 +0300
Subject: [PATCH] sidebar demo baseZIndex fixed

---
 src/views/sidebar/SidebarDemo.vue | 10 +++++-----
 src/views/sidebar/SidebarDoc.vue  | 30 +++++++++++++++---------------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/views/sidebar/SidebarDemo.vue b/src/views/sidebar/SidebarDemo.vue
index 895ab84b4..d7eb18122 100755
--- a/src/views/sidebar/SidebarDemo.vue
+++ b/src/views/sidebar/SidebarDemo.vue
@@ -16,23 +16,23 @@
                 <Button icon="pi pi-arrow-up" @click="visibleBottom = true" class="mr-2"  />
                 <Button icon="pi pi-th-large" @click="visibleFull = true"  />
 
-                <Sidebar v-model:visible="visibleLeft" :baseZIndex="1000">
+                <Sidebar v-model:visible="visibleLeft" :baseZIndex="10000">
                     <h3>Left Sidebar</h3>
                 </Sidebar>
 
-                <Sidebar v-model:visible="visibleRight" :baseZIndex="1000" position="right">
+                <Sidebar v-model:visible="visibleRight" :baseZIndex="10000" position="right">
                     <h3>Right Sidebar</h3>
                 </Sidebar>
 
-                <Sidebar v-model:visible="visibleTop" :baseZIndex="1000" position="top">
+                <Sidebar v-model:visible="visibleTop" :baseZIndex="10000" position="top">
                     <h3>Top Sidebar</h3>
                 </Sidebar>
 
-                <Sidebar v-model:visible="visibleBottom" :baseZIndex="1000" position="bottom">
+                <Sidebar v-model:visible="visibleBottom" :baseZIndex="10000" position="bottom">
                     <h3>Bottom Sidebar</h3>
                 </Sidebar>
 
-                <Sidebar v-model:visible="visibleFull" :baseZIndex="1000" position="full">
+                <Sidebar v-model:visible="visibleFull" :baseZIndex="10000" position="full">
                     <h3>Full Screen</h3>
                 </Sidebar>
             </div>
diff --git a/src/views/sidebar/SidebarDoc.vue b/src/views/sidebar/SidebarDoc.vue
index e3ac099da..77edc23bf 100755
--- a/src/views/sidebar/SidebarDoc.vue
+++ b/src/views/sidebar/SidebarDoc.vue
@@ -225,23 +225,23 @@ export default {
         <Button icon="pi pi-arrow-up" @click="visibleBottom = true" class="mr-2"  />
         <Button icon="pi pi-th-large" @click="visibleFull = true"  />
 
-        <Sidebar v-model:visible="visibleLeft" :baseZIndex="1000">
+        <Sidebar v-model:visible="visibleLeft" :baseZIndex="10000">
             <h3>Left Sidebar</h3>
         </Sidebar>
 
-        <Sidebar v-model:visible="visibleRight" :baseZIndex="1000" position="right">
+        <Sidebar v-model:visible="visibleRight" :baseZIndex="10000" position="right">
             <h3>Right Sidebar</h3>
         </Sidebar>
 
-        <Sidebar v-model:visible="visibleTop" :baseZIndex="1000" position="top">
+        <Sidebar v-model:visible="visibleTop" :baseZIndex="10000" position="top">
             <h3>Top Sidebar</h3>
         </Sidebar>
 
-        <Sidebar v-model:visible="visibleBottom" :baseZIndex="1000" position="bottom">
+        <Sidebar v-model:visible="visibleBottom" :baseZIndex="10000" position="bottom">
             <h3>Bottom Sidebar</h3>
         </Sidebar>
 
-        <Sidebar v-model:visible="visibleFull" :baseZIndex="1000" position="full">
+        <Sidebar v-model:visible="visibleFull" :baseZIndex="10000" position="full">
             <h3>Full Screen</h3>
         </Sidebar>
     </div>
@@ -273,23 +273,23 @@ export default {
         <Button icon="pi pi-arrow-up" @click="visibleBottom = true" class="mr-2"  />
         <Button icon="pi pi-th-large" @click="visibleFull = true"  />
 
-        <Sidebar v-model:visible="visibleLeft" :baseZIndex="1000">
+        <Sidebar v-model:visible="visibleLeft" :baseZIndex="10000">
             <h3>Left Sidebar</h3>
         </Sidebar>
 
-        <Sidebar v-model:visible="visibleRight" :baseZIndex="1000" position="right">
+        <Sidebar v-model:visible="visibleRight" :baseZIndex="10000" position="right">
             <h3>Right Sidebar</h3>
         </Sidebar>
 
-        <Sidebar v-model:visible="visibleTop" :baseZIndex="1000" position="top">
+        <Sidebar v-model:visible="visibleTop" :baseZIndex="10000" position="top">
             <h3>Top Sidebar</h3>
         </Sidebar>
 
-        <Sidebar v-model:visible="visibleBottom" :baseZIndex="1000" position="bottom">
+        <Sidebar v-model:visible="visibleBottom" :baseZIndex="10000" position="bottom">
             <h3>Bottom Sidebar</h3>
         </Sidebar>
 
-        <Sidebar v-model:visible="visibleFull" :baseZIndex="1000" position="full">
+        <Sidebar v-model:visible="visibleFull" :baseZIndex="10000" position="full">
             <h3>Full Screen</h3>
         </Sidebar>
     </div>
@@ -322,23 +322,23 @@ export default {
 			<p-button icon="pi pi-arrow-up" @click="visibleBottom = true" class="mr-2"></p-button>
 			<p-button icon="pi pi-th-large" @click="visibleFull = true"></p-button>
 
-			<p-sidebar v-model:visible="visibleLeft" :base-z-index="1000">
+			<p-sidebar v-model:visible="visibleLeft" :base-z-index="10000">
 				<h3>Left Sidebar</h3>
 			</p-sidebar>
 
-			<p-sidebar v-model:visible="visibleRight" :base-z-index="1000" position="right">
+			<p-sidebar v-model:visible="visibleRight" :base-z-index="10000" position="right">
 				<h3>Right Sidebar</h3>
 			</p-sidebar>
 
-			<p-sidebar v-model:visible="visibleTop" :base-z-index="1000" position="top">
+			<p-sidebar v-model:visible="visibleTop" :base-z-index="10000" position="top">
 				<h3>Top Sidebar</h3>
 			</p-sidebar>
 
-			<p-sidebar v-model:visible="visibleBottom" :base-z-index="1000" position="bottom">
+			<p-sidebar v-model:visible="visibleBottom" :base-z-index="10000" position="bottom">
 				<h3>Bottom Sidebar</h3>
 			</p-sidebar>
 
-			<p-sidebar v-model:visible="visibleFull" :base-z-index="1000" position="full">
+			<p-sidebar v-model:visible="visibleFull" :base-z-index="10000" position="full">
 				<h3>Full Screen</h3>
 			</p-sidebar>
 		</div>