From 98244f2bb76edc449c07a1ec29f3b9b47c3961c1 Mon Sep 17 00:00:00 2001
From: xiaoqidun <xiaoqidun@gmail.com>
Date: Tue, 7 Jul 2026 11:06:01 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=89=8D=E7=AB=AF=E7=95=8C=E9=9D=A2):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=B7=A5=E5=85=B7=E6=A0=8F=E5=88=86=E9=9A=94?=
 =?UTF-8?q?=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/webui/ofdgo.css | 26 ++++++++------------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index 5c9aea1..7eb2f34 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -84,10 +84,12 @@ a:focus-visible {
 }
 
 .toolbar {
+	--tool-gap: 8px;
 	position: relative;
 	z-index: 12;
 	border-bottom: 1px solid var(--line);
 	font-size: 14px;
+	gap: var(--tool-gap);
 	overflow-x: auto;
 	overflow-y: hidden;
 	scrollbar-width: none;
@@ -153,28 +155,25 @@ button:not(:disabled):hover {
 }
 
 .tool-group {
-	position: relative;
 	display: inline-flex;
 	align-items: center;
-	gap: 8px;
+	gap: var(--tool-gap);
 	flex: 0 0 auto;
 	min-width: 0;
 }
 
 .tool-group + .tool-group {
-	margin-left: 2px;
-	padding-left: 18px;
+	margin-left: 0;
+	padding-left: 0;
 }
 
 .tool-group + .tool-group::before {
-	position: absolute;
-	top: 50%;
-	left: 5px;
+	flex: 0 0 1px;
 	width: 1px;
 	height: 22px;
+	margin: 0 calc(12px - var(--tool-gap));
 	background: var(--line);
 	content: "";
-	transform: translateY(-50%);
 }
 
 .page-control {
@@ -794,9 +793,9 @@ body[aria-busy="true"] .viewer-panel {
 	}
 
 	.toolbar {
+		--tool-gap: 6px;
 		flex-wrap: nowrap;
 		overflow-x: auto;
-		gap: 6px;
 	}
 
 	.toolbar > * {
@@ -891,15 +890,6 @@ body[aria-busy="true"] .viewer-panel {
 		display: none;
 	}
 
-	.tool-group {
-		gap: 6px;
-	}
-
-	.tool-group + .tool-group {
-		margin-left: 0;
-		padding-left: 0;
-	}
-
 	.tool-group + .tool-group::before {
 		display: none;
 	}