调整redis连接展开收缩按钮样式

This commit is contained in:
2026-07-11 17:01:10 +08:00
parent ca10707fbf
commit 9188829eae
+3 -3
View File
@@ -143,7 +143,7 @@ useKeyboard({
</div> </div>
<div class="drag-handle" @mousedown="startResize"></div> <div class="drag-handle" @mousedown="startResize"></div>
<button class="collapse-btn" @click="collapsed = !collapsed" :title="collapsed ? '展开' : '收缩'"> <button class="collapse-btn" @click="collapsed = !collapsed" :title="collapsed ? '展开' : '收缩'">
<el-icon> <el-icon style="color: #409EFF; font-size: 20px;">
<component :is="collapsed ? 'ArrowRight' : 'ArrowLeft'" /> <component :is="collapsed ? 'ArrowRight' : 'ArrowLeft'" />
</el-icon> </el-icon>
</button> </button>
@@ -199,7 +199,7 @@ useKeyboard({
.collapse-btn { .collapse-btn {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: -12px; right: -6px;
transform: translateY(-50%); transform: translateY(-50%);
width: 24px; width: 24px;
height: 24px; height: 24px;
@@ -223,6 +223,6 @@ useKeyboard({
} }
.sidebar.collapsed .collapse-btn { .sidebar.collapsed .collapse-btn {
right: -12px; right: -6px;
} }
</style> </style>