migrate from perforce

htd.css

@@ -0,0 +1,72 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html, body {
+    width: 100%;
+    height: 100%;
+    background-color: #206030;
+    overflow: hidden;
+}
+
+.view {
+}
+
+#app {
+    width: 100%;
+    height: 100%;
+}
+
+.container {
+    display: grid;
+    grid-template-rows: auto 1fr auto;
+    grid-template-columns: auto 1fr auto;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+.container canvas {
+    height: 100%;
+}
+
+.top-bar {
+    grid-column: 1 / -1;
+    grid-row: 1;
+    background-color: lightgray;
+}
+
+.left-bar {
+    grid-column: 1;
+    grid-row: 2;
+    background-color: lightblue;
+}
+
+.center {
+    grid-column: 2;
+    grid-row: 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+
+.center canvas {
+    max-width: 100%;
+    max-height: 100%;
+    display: block;
+}
+
+.right-bar {
+    grid-column: 3;
+    grid-row: 2;
+    background-color: lightgreen;
+}
+
+.bottom-bar {
+    grid-column: 1 / -1;
+    grid-row: 3;
+    background-color: lightcoral;
+}