akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 23:27:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add zooming the biome noise visualization

Browse Source
This commit is contained in:
Misode
2020-08-27 00:24:52 +02:00
parent 2c8eeceac3
commit 5afc8ef1ed
7 changed files with 77 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/global.css
View File

@@ -193,7 +193,8 @@ body {
}
.tree-controls,
.source-controls {
.source-controls,
.visualizer-controls {
display: flex;
flex-direction: row-reverse;
position: absolute;
@@ -203,7 +204,8 @@ body {
}
.tree-controls .btn:not(:first-child),
.source-controls .btn:not(:first-child) {
.source-controls .btn:not(:first-child),
.visualizer-controls .btn:not(:first-child) {
margin-right: 5px;
}
@@ -235,11 +237,19 @@ body {
cursor: ew-resize;
}
.source canvas {
.visualizer-content {
width: 100%;
max-width: 100%;
/* position: absolute; */
/* bottom: 0; */
position: relative;
}
.visualizer-controls {
right: 0;
}
.visualizer-content canvas {
width: 100%;
height: 100%;
background-color: var(--nav-faded);
display: block;
cursor: grab;