From 353dc6738ba1fbcdc405e0dcf8d579d1fb4213b7 Mon Sep 17 00:00:00 2001
From: Horoli <sunha321@gmail.com>
Date: Sat, 23 May 2026 13:50:36 +0900
Subject: [PATCH] ui: optimize kill log with 30-entry limit and slim scrollbar

---
 src/styles.css         | 15 +++++++++++++++
 src/ui/arenaKillLog.js |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index d85b2a6..adb7e73 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1070,6 +1070,8 @@ input[type="range"] {
   width: min(370px, calc(100vw - 32px));
   max-height: min(34vh, 292px);
   overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: rgb(238 185 73 / 0.3) transparent;
   border: 1px solid rgb(238 185 73 / 0.2);
   border-radius: 8px;
   padding: 10px;
@@ -1083,6 +1085,19 @@ input[type="range"] {
   backdrop-filter: blur(10px);
 }
 
+.kill-log::-webkit-scrollbar {
+  width: 4px;
+}
+
+.kill-log::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.kill-log::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: rgb(238 185 73 / 0.3);
+}
+
 #app.match-live .kill-log.has-entries {
   opacity: 1;
   pointer-events: auto;
diff --git a/src/ui/arenaKillLog.js b/src/ui/arenaKillLog.js
index 3944f0e..5468578 100644
--- a/src/ui/arenaKillLog.js
+++ b/src/ui/arenaKillLog.js
@@ -1,4 +1,4 @@
-const KILL_LOG_LIMIT = 8;
+const KILL_LOG_LIMIT = 30;
 
 export function resetKillLog(nodes) {
   const { logNode, listNode } = nodes;