mirror of
https://github.com/xibyte/jsketcher
synced 2025-12-12 03:13:24 +01:00
31 lines
No EOL
852 B
HTML
31 lines
No EOL
852 B
HTML
<html>
|
|
|
|
<head>
|
|
|
|
<style>
|
|
html, body {
|
|
background: gray;
|
|
height: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.panel {
|
|
background: #444;
|
|
border: 0px solid black;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="panel" style="width: 100%; height: 50px;"></div>
|
|
<div style="width: 100%; height: calc(100% - 100px);">
|
|
|
|
<div class="panel" style="background: blue; float: left; width: 245px; height: 100%;"></div>
|
|
<!-- div style="background-color: blue; height: 20px; width: 100px; float: left;"><canvas width="300" height="300" id="viewer"></canvas></div-->
|
|
<div style="background: black; float: left; width: calc(100% - 296px); height: 100%;"></div>
|
|
<div class="panel" style="background-color: yellow; width: 50px; float: right; height: 100%; "></div>
|
|
</div>
|
|
<div class="panel" style="width: 100%; height: 50px; border-top-width: 1px;"></div>
|
|
</body>
|
|
</html> |