Klikk på zoom-prosent tilbakestiller til 100%
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
bbbaa1e4ca
commit
0d9837a917
1 changed files with 10 additions and 1 deletions
|
|
@ -477,7 +477,7 @@
|
||||||
title="Zoom ut (−15%)"
|
title="Zoom ut (−15%)"
|
||||||
aria-label="Zoom ut"
|
aria-label="Zoom ut"
|
||||||
>−</button>
|
>−</button>
|
||||||
<span class="canvas-toolbar-zoom">{Math.round(camera.zoom * 100)}%</span>
|
<button class="canvas-toolbar-zoom" onclick={() => { camera = { ...camera, zoom: 1.0 }; }} title="Tilbakestill til 100%">{Math.round(camera.zoom * 100)}%</button>
|
||||||
<button
|
<button
|
||||||
class="canvas-toolbar-btn"
|
class="canvas-toolbar-btn"
|
||||||
onclick={() => zoomStep(0.15)}
|
onclick={() => zoomStep(0.15)}
|
||||||
|
|
@ -664,6 +664,15 @@
|
||||||
min-width: 40px;
|
min-width: 40px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
border-radius: 4px;
|
||||||
|
padding: 2px 4px;
|
||||||
|
}
|
||||||
|
.canvas-toolbar-zoom:hover {
|
||||||
|
color: var(--color-text, #e8e8ec);
|
||||||
|
background: var(--color-surface-hover, #242428);
|
||||||
}
|
}
|
||||||
|
|
||||||
.canvas-toolbar-sep {
|
.canvas-toolbar-sep {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue