layout test

matrem · Jan 7, 2024 · 0cd273e · 0cd273e
1 parent 90708ac
commit 0cd273e
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/canvastransform/index.html b/canvastransform/index.html
@@ -20,7 +20,9 @@
 </head>
 
 <body>
-	<div id="canvasDraw" />
+	<div id="layout">
+		<div class="canvasDraw" id="draw0"></div>
+	</div>
 </body>
 
 </html>
diff --git a/canvastransform/index.js b/canvastransform/index.js
@@ -1,8 +1,8 @@
 let main = {
 	MainDraw: class extends draw.TransformedDrawing {
-		constructor() {
+		constructor(containerId) {
 			super({
-				containerId: "canvasDraw"
+				containerId: containerId
 				, unit: "m"
 				, zoomPow: 2
 				, showGrid: true
@@ -91,4 +91,4 @@ let main = {
 	}
 }
 
-new main.MainDraw();
+new main.MainDraw("draw0");
diff --git a/canvastransform/style.css b/canvastransform/style.css
@@ -20,14 +20,26 @@ html {
 body {
 	margin: 0;
 	border: 0;
-	padding: 0%;
+	padding: 0;
 	height: 100%;
 	width: 100%;
 }
 
-div#canvasDraw {
+div#layout {
+	margin: 0;
+	border: 0;
+	padding: 1%;
+	height: 100%;
+	width: 100%;
+	display: grid;
+	grid-template-columns: 1fr;
+	grid-template-rows: 1fr;
+}
+
+div.canvasDraw {
 	/*overflow: hidden;*/
-	padding: 2%;
+	margin: 0;
+	padding: 0;
 	width: 100%;
 	height: 100%;
 }