diff --git a/src/components/sidebar/Sidebar.vue b/src/components/sidebar/Sidebar.vue
index 378bf27b2..6b0f718fa 100755
--- a/src/components/sidebar/Sidebar.vue
+++ b/src/components/sidebar/Sidebar.vue
@@ -1,10 +1,12 @@
-
-
+
@@ -141,6 +143,19 @@ export default {
transition: transform .3s;
}
+.p-sidebar-content {
+ position: relative;
+}
+
+.p-sidebar-close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
.p-sidebar-mask {
background-color: transparent;
transition-property: background-color;
@@ -247,13 +262,6 @@ export default {
height: 30em;
}
-.p-sidebar-close.p-link {
- margin-left: auto;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
@media screen and (max-width: 64em) {
.p-sidebar-left.p-sidebar-lg,
.p-sidebar-left.p-sidebar-md,
diff --git a/src/views/sidebar/SidebarDemo.vue b/src/views/sidebar/SidebarDemo.vue
index e33b4602e..94c0743a1 100755
--- a/src/views/sidebar/SidebarDemo.vue
+++ b/src/views/sidebar/SidebarDemo.vue
@@ -67,3 +67,9 @@ export default {
}
}
+
+
\ No newline at end of file