jianghe2nd/mota-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Update editor.css

Browse Source
This commit is contained in:
ckcz123 2021-09-03 13:28:50 +08:00
parent 28536f31b0
commit c131649873
2 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
_server/css/editor.css
View File

@ -1,5 +1,9 @@
/** editor **/ /** editor **/
:root {
--pixel: 416px;
}
html, body, div, img { html, body, div, img {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -128,15 +132,15 @@ body {
position: absolute; position: absolute;
left: 448px; left: 448px;
top: 10px; top: 10px;
width: 440px; width: calc(24px + var(--pixel));
height: 630px; height: calc(422px + var(--pixel) / 2);
} }
#mid2 { #mid2 {
position: absolute; position: absolute;
left: 448px; left: 448px;
top: 650px; top: calc(442px + var(--pixel) / 2);
width: 440px; width: calc(24px + var(--pixel));
bottom: 10px; bottom: 10px;
} }
@ -148,8 +152,8 @@ body {
position: absolute; position: absolute;
left: 20px; left: 20px;
top: 21px; top: 21px;
width: 416px; width: var(--pixel);
height: 416px; height: var(--pixel);
} }
#lastUsedDiv { #lastUsedDiv {
@ -162,8 +166,8 @@ body {
#mid .tools { #mid .tools {
position: absolute; position: absolute;
width: 425px; width: calc(var(--pixel) + 9px);
height: 180px; height: calc(388px - var(--pixel) / 2);
left: 0; left: 0;
bottom: 0; bottom: 0;
padding: 10px 5px; padding: 10px 5px;
@ -214,7 +218,7 @@ body {
#right { #right {
position: absolute; position: absolute;
left: 900px; left: calc(484px + var(--pixel));
top: 10px; top: 10px;
right: 0; right: 0;
bottom: 0; bottom: 0;
@ -300,7 +304,7 @@ table.col {
#mapColMark { #mapColMark {
top: 2px; top: 2px;
left: 19px; left: 19px;
width: 418px; width: var(--pixel);
height: 16px; height: 16px;
font-size: 13px; font-size: 13px;
} }
@ -312,7 +316,7 @@ table.col {
#mapColMark td:hover .colBlock { #mapColMark td:hover .colBlock {
position: absolute; position: absolute;
top: 19px; top: 19px;
height: 416px; height: var(--pixel);
width: 32px; width: 32px;
z-index: 100; z-index: 100;
} }
@ -336,7 +340,7 @@ table.row {
top: 1px; top: 1px;
left: 2px; left: 2px;
width: 16px; width: 16px;
height: 416px; height: var(--pixel);
font-size: 12px; font-size: 12px;
} }
@ -348,7 +352,7 @@ table.row {
position: absolute; position: absolute;
left: 18px; left: 18px;
height: 32px; height: 32px;
width: 416px; width: var(--pixel);
z-index: 100; z-index: 100;
} }
@ -421,8 +425,8 @@ table.row {
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -60%); transform: translate(-50%, -55%);
width: 540px; width: calc(20px + 1.25 * var(--pixel));
} }
#uieventHead { #uieventHead {
@ -444,8 +448,8 @@ table.row {
} }
#uieventBody { #uieventBody {
width: 520px; width: calc(1.25 * var(--pixel));
height: 520px; height: calc(1.25 * var(--pixel));
position: relative; position: relative;
margin-left: 10px; margin-left: 10px;
margin-bottom: 5px; margin-bottom: 5px;

4
libs/core.js
View File

@ -250,6 +250,10 @@ function core() {
this.markedFloorIds = {}; this.markedFloorIds = {};
this.status = {}; this.status = {};
this.dymCanvas = {}; this.dymCanvas = {};
if (main.mode == 'editor') {
document.documentElement.style.setProperty('--pixel', this.__PIXELS__ + 'px');
}
} }
/////////// 系统事件相关 /////////// /////////// 系统事件相关 ///////////