初始化提交

common/templates/html/app.html

@@ -0,0 +1,47 @@
+<style>
+    div[m-id="{{d.mId}}"] {
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        right: 0px;
+        bottom: 0px;
+        display: flex;
+        flex-direction: column;
+        flex-wrap: nowrap;
+    }
+
+    div[m-id="{{d.mId}}"] > .mixly-nav {
+        width: 100%;
+        height: var(--nav-height);
+    }
+
+    div[m-id="{{d.mId}}"] > .mixly-workspace {
+        width: 100%;
+        height: calc(100vh - var(--nav-height) - var(--footer-height));
+        position: relative;
+        z-index: 1000;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        justify-content: space-around;
+    }
+
+    div[m-id="{{d.mId}}"] > .mixly-footerbar {
+        width: 100%;
+        height: var(--footer-height);
+        z-index: 1000;
+    }
+
+    html[data-bs-theme=dark] div[m-id="{{d.mId}}"] > .mixly-footerbar {
+        background-color: rgb(0, 122, 204);
+    }
+
+    html[data-bs-theme=light] div[m-id="{{d.mId}}"] > .mixly-footerbar {
+        background-color: rgb(0 150 136);
+    }
+</style>
+<div m-id="{{d.mId}}">
+    <div class="mixly-nav"></div>
+    <div class="mixly-workspace"></div>
+    <div class="mixly-footerbar"></div>
+</div>