horoli
/
arena
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui: optimize kill log with 30-entry limit and slim scrollbar

This commit is contained in:
Horoli 2026-05-23 13:50:36 +09:00
parent 55132ed662
commit 353dc6738b
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/styles.css
View File

@ -1070,6 +1070,8 @@ input[type="range"] {
width: min(370px, calc(100vw - 32px)); width: min(370px, calc(100vw - 32px));
max-height: min(34vh, 292px); max-height: min(34vh, 292px);
overflow-y: auto; 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: 1px solid rgb(238 185 73 / 0.2);
border-radius: 8px; border-radius: 8px;
padding: 10px; padding: 10px;
@ -1083,6 +1085,19 @@ input[type="range"] {
backdrop-filter: blur(10px); 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 { #app.match-live .kill-log.has-entries {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;

2
src/ui/arenaKillLog.js
View File

@ -1,4 +1,4 @@
const KILL_LOG_LIMIT = 8; const KILL_LOG_LIMIT = 30;
export function resetKillLog(nodes) { export function resetKillLog(nodes) {
const { logNode, listNode } = nodes; const { logNode, listNode } = nodes;