From 6e2d36ba0936bd1755df2392a5d8a92d2b99ce54 Mon Sep 17 00:00:00 2001
From: Red Adaya <red.adaya@gmail.com>
Date: Fri, 22 Nov 2024 22:59:48 +0800
Subject: [PATCH] separator

---
 frontend/app/tab/tab.scss | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/frontend/app/tab/tab.scss b/frontend/app/tab/tab.scss
index 941dc6ce2..7da5e4b68 100644
--- a/frontend/app/tab/tab.scss
+++ b/frontend/app/tab/tab.scss
@@ -10,16 +10,25 @@
     font-weight: bold;
     color: var(--secondary-text-color);
     opacity: 0;
+	display: flex;
+	align-items: center; 
+	justify-content: flex-end; 
+
+	&::after {
+		content: "";
+		position: absolute;
+		right: -0.5px;
+		width: 1px;
+		height: 14px;
+		border-right: 1px solid rgb(from var(--main-text-color) r g b / 0.2);
+	}
 
     .tab-inner {
         position: relative;
         width: 100%;
         height: 100%;
         white-space: nowrap;
-        transition:
-            background,
-            border-color 0.15s ease-in;
-        border-right: 1px solid rgba(255, 255, 255, 0.2);
+        transition: background 0.15s ease-in;
 
         &:hover {
             border-radius: 6px;