mirror of
https://github.com/mickael-kerjean/filestash
synced 2025-12-27 18:53:20 +01:00
chore (refactoring): small ux improvements
This commit is contained in:
parent
97b8e16bd8
commit
0179f3eea0
3 changed files with 10 additions and 1 deletions
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Reference in a new issue