调整redis连接展开收缩按钮样式
This commit is contained in:
@@ -143,7 +143,7 @@ useKeyboard({
|
||||
</div>
|
||||
<div class="drag-handle" @mousedown="startResize"></div>
|
||||
<button class="collapse-btn" @click="collapsed = !collapsed" :title="collapsed ? '展开' : '收缩'">
|
||||
<el-icon>
|
||||
<el-icon style="color: #409EFF; font-size: 20px;">
|
||||
<component :is="collapsed ? 'ArrowRight' : 'ArrowLeft'" />
|
||||
</el-icon>
|
||||
</button>
|
||||
@@ -199,7 +199,7 @@ useKeyboard({
|
||||
.collapse-btn {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: -12px;
|
||||
right: -6px;
|
||||
transform: translateY(-50%);
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
@@ -223,6 +223,6 @@ useKeyboard({
|
||||
}
|
||||
|
||||
.sidebar.collapsed .collapse-btn {
|
||||
right: -12px;
|
||||
right: -6px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user