fixed canvas height

2019-12-07 11:33:10 +01:00
parent d0294dd74f
commit 6d2997800e
2 changed files with 9 additions and 2 deletions
@@ -104,7 +104,9 @@
        </table>
    </div>
    <br>
-    <canvas id="preview"></canvas>
+    <div id="canvas-container">
+        <canvas id="preview"></canvas>
+    </div>
    <br>
    <small><a href="https://twitter.com/_klemek" target="_blank">@Klemek</a> - <a
            href="https://github.com/klemek/sheet-divider" target="_blank">Github
@@ -75,10 +75,15 @@ td[colspan="5"] {
    text-align: center;
 }

+#canvas-container{
+    height:20rem;
+    width:100%;
+}
+
 canvas {
    display: block;
    margin: auto;
-    height: 20rem;
+    height: 100%;
 }

@media only screen and (min-width: 768px) {