From 0ceb272fbfe954c74302d2023717ad26a1abdab0 Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Tue, 28 Feb 2023 17:12:29 -0500
Subject: [PATCH] Add divider to header

---
 .../src/components/global/MkPageHeader.vue    | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/global/MkPageHeader.vue b/packages/client/src/components/global/MkPageHeader.vue
index 5eaa5e4fee..a6f71d9674 100644
--- a/packages/client/src/components/global/MkPageHeader.vue
+++ b/packages/client/src/components/global/MkPageHeader.vue
@@ -220,9 +220,14 @@ onUnmounted(() => {
 		}
 		> .tabs {
 			padding-inline: 12px;
-			mask: linear-gradient(to right, black 80%, transparent);
-			-webkit-mask: linear-gradient(to right, black 80%, transparent);
+			mask: linear-gradient(to right, transparent, black 10px 80%, transparent);
+			-webkit-mask: linear-gradient(to right, transparent, black 10px 80%, transparent);
+			margin-left: -10px;
+			padding-left: 22px;
 			scrollbar-width: none;
+			&::before {
+				content: unset;
+			}
 			&::-webkit-scrollbar {
 				display: none;
 			}
@@ -353,6 +358,16 @@ onUnmounted(() => {
 		white-space: nowrap;
 		contain: strict;
 
+		&::before {
+			content: "";
+			display: inline-block;
+			height: 40%;
+			border-left: 1px solid var(--divider);
+			margin-right: 1em;
+			margin-left: 10px;
+			vertical-align: -1px;
+		}
+
 		> .tab {
 			display: inline-flex;
 			align-items: center;