46 lines
1.1 KiB
HTML
46 lines
1.1 KiB
HTML
<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;
|
|
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);
|
|
}
|
|
|
|
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>
|