optimize page preload layout
This commit is contained in:
parent
254bdc8796
commit
b6d943ec2c
|
@ -2,6 +2,7 @@
|
||||||
@import url("../node_modules/materialize-css/dist/css/materialize.css");
|
@import url("../node_modules/materialize-css/dist/css/materialize.css");
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
|
--nav-height: 24px;
|
||||||
--menu-height: 200px;
|
--menu-height: 200px;
|
||||||
--bar-height: 53px;
|
--bar-height: 53px;
|
||||||
--trans-btn-height: 20px;
|
--trans-btn-height: 20px;
|
||||||
|
@ -38,7 +39,7 @@ body {
|
||||||
nav {
|
nav {
|
||||||
/* -webkit-app-region: drag; */
|
/* -webkit-app-region: drag; */
|
||||||
background-color: #fafafa;
|
background-color: #fafafa;
|
||||||
height: 24px;
|
height: var(--nav-height);
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -197,6 +198,10 @@ input {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#editor-area {
|
||||||
|
height: calc(100% - var(--nav-height) - var(--bar-height));
|
||||||
|
}
|
||||||
|
|
||||||
#menu-area {
|
#menu-area {
|
||||||
height: var(--menu-height);
|
height: var(--menu-height);
|
||||||
width: calc(100%);
|
width: calc(100%);
|
||||||
|
|
Loading…
Reference in New Issue