From fed8fa3ce13c66c7149fdfd02eaf41fca5ca7648 Mon Sep 17 00:00:00 2001
From: ctw <>
Date: Thu, 23 Jan 2025 14:55:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/admin/system/user/index.vue | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/views/admin/system/user/index.vue b/src/views/admin/system/user/index.vue
index 6119f09..2a9d552 100644
--- a/src/views/admin/system/user/index.vue
+++ b/src/views/admin/system/user/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="layout-padding">
-		<Splitpanes @resized="depTreeWidth = $event[0].size">
+		<Splitpanes @resize="depTreeWidth = $event[0].size">
 			<pane :size="depTreeWidth" class="relative">
 				<dep-tree
 					class="p-2"
@@ -32,14 +32,20 @@
 				</dep-tree>
 
 				<div
-					class="pt-7 text-center w-3 h-20 absolute right-0 top-[44vh] translate-y-[-50%] overflow-hidden bg-blue-400 transition-all cursor-pointer"
-					style="
-						clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
-						background-color: url(../../../../../public/favicon.ico);
-					"
+					v-if="depTreeWidth > 0.5"
+					class="pt-7 text-center w-2 h-20 absolute right-0 top-[44vh] translate-y-[-50%] overflow-hidden bg-blue-500 transition-all cursor-pointer"
+					style="clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%)"
 					@click="handleClickDepTreeDrawer(isOpen)"
 				>
-					<span class="text-white font-bold text-lg">&lt;</span>
+					<span class="text-white font-bold text-xs">&lt;</span>
+				</div>
+				<div
+					v-else
+					class="pt-7 text-center w-2 h-20 absolute right-0 top-[44vh] translate-y-[-50%] overflow-hidden bg-blue-500 transition-all cursor-pointer"
+					style="clip-path: polygon(0 0, 100% 10%, 100% 90%, 0 100%)"
+					@click="handleClickDepTreeDrawer(isOpen)"
+				>
+					<span class="text-white font-bold text-xs">&gt;</span>
 				</div>
 			</pane>
 			<pane :size="100 - depTreeWidth" class="ml8">
@@ -390,6 +396,9 @@ const handleClickDepTreeDrawer = (isDrawerOpen: boolean) => {
 	min-width: 4px;
 	transition: all 0.3s ease;
 }
+.splitpanes--vertical > .splitpanes__splitter:active {
+	background: #1890ff;
+}
 .splitpanes--vertical > .splitpanes__splitter:hover {
 	background: #1890ff;
 }