Skip to content

Commit 73ef82f

Browse files
committed
调整侧边栏宽度和位置,优化折叠按钮样式
1 parent 214bdbf commit 73ef82f

File tree

1 file changed

+9
-5
lines changed

1 file changed

+9
-5
lines changed

admin/src/views/index/Index.vue

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -483,8 +483,8 @@ export default {
483483
height: 45px;
484484
}
485485
.common-aside {
486-
width: 200px;
487-
border-right: 1px solid #dee2e6;
486+
width: 191px;
487+
margin-right: 9px;
488488
overflow-x: hidden;
489489
overflow-y: auto;
490490
position: relative;
@@ -523,23 +523,27 @@ export default {
523523
display: none;
524524
}
525525
.common-aside-collapse-btn {
526-
position: absolute;
526+
position: fixed;
527527
top: 0;
528-
right: 0;
528+
left: 191px;
529529
bottom: 0;
530530
z-index: 11;
531531
width: 8px;
532532
cursor: pointer;
533533
background-color: #fdfdfd;
534534
color: #979797;
535535
font-size: 10px;
536+
border-right: 1px solid #dee2e6;
536537
}
537538
.common-aside-collapse-btn:hover {
538539
background-color: #f9f9f9;
539540
}
541+
.isCollapse .common-aside-collapse-btn {
542+
left: 0px;
543+
}
540544
.admin-left-menu-body {
541545
overflow: auto;
542-
margin-right: 10px;
546+
/* margin-right: 10px; */
543547
}
544548
.common-header-nickname {
545549
max-width: 100px;

0 commit comments

Comments
 (0)