chore (refactoring): small ux improvements

This commit is contained in:
MickaelK 2025-06-17 16:25:46 +10:00
parent 97b8e16bd8
commit 0179f3eea0
3 changed files with 10 additions and 1 deletions

View file

@ -97,6 +97,7 @@
"hus": "image/x-hus",
"ico": "image/x-icon",
"ics": "text/calendar",
"ifc": "application/ifc",
"inf": "image/x-inf",
"img": "application/octet-stream",
"ini": "text/x-ini",

View file

@ -45,7 +45,7 @@ function builder({ $img }) {
),
// zoom via scroll wheel
rxjs.fromEvent($img.parentElement, "wheel", { passive: true }).pipe(
rxjs.throttleTime(100),
rxjs.throttleTime(100, rxjs.animateFrameScheduler),
rxjs.map((e) => ({ scale: Math.exp(-e.deltaY / 300), clientX: e.clientX, clientY: e.clientY })),
),
// zoom via keyboard shortcut

View file

@ -47,6 +47,14 @@
text-transform: uppercase;
font-weight: bold;
}
.component_menubar select {
background: #f2f2f2;
color: var(--color);
border: 2px solid #f2f2f2;
border-radius: 2px;
padding: 0 3px 0 3px;
margin: 0 3px;
}
.dark-mode .component_menubar {
background: var(--bg-color);