From 14a6a71a1731b2687bb0993fc557d21412e42f60 Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 3 Mar 2025 11:44:49 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/global/SearchMarker.vue    | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/global/SearchMarker.vue b/packages/frontend/src/components/global/SearchMarker.vue
index 05852e77ad..53a070a03a 100644
--- a/packages/frontend/src/components/global/SearchMarker.vue
+++ b/packages/frontend/src/components/global/SearchMarker.vue
@@ -26,18 +26,31 @@ const highlighted = hash === props.markerId || (props.children && props.children
 
 <style lang="scss" module>
 .root {
+	position: relative;
 }
 
 .highlighted {
-	animation: blink 1s infinite;
+	&::after {
+		content: '';
+		position: absolute;
+		top: -8px;
+		left: -8px;
+		width: calc(100% + 16px);
+		height: calc(100% + 16px);
+		border-radius: 6px;
+		animation: blink 1s infinite;
+		pointer-events: none;
+	}
 }
 
 @keyframes blink {
 	0%, 100% {
-		box-shadow: 0 0 0 2px color(from var(--MI_THEME-accent) srgb r g b / 0.3);
+		background: color(from var(--MI_THEME-accent) srgb r g b / 0.05);
+		border: 1px solid color(from var(--MI_THEME-accent) srgb r g b / 0.3);
 	}
 	50% {
-		box-shadow: 0 0 0 2px transparent;
+		background: transparent;
+		border: 1px solid transparent;
 	}
 }
 </style>