style(core): 调整一些组件的css样式
This commit is contained in:
@@ -188,7 +188,7 @@
|
|||||||
.dark-theme.geras-renderer .blocklyMenu > .blocklyMenuItem {
|
.dark-theme.geras-renderer .blocklyMenu > .blocklyMenuItem {
|
||||||
background-color: #252525;
|
background-color: #252525;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
font-family: Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif;
|
font-family: "Lato", "Noto Sans SC";
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark-theme.zelos-renderer .blocklyMenu > .blocklyMenuItem {
|
.dark-theme.zelos-renderer .blocklyMenu > .blocklyMenuItem {
|
||||||
@@ -197,7 +197,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dark-theme .blocklyMenu > .blocklyMenuItem.blocklyMenuItemHighlight {
|
.dark-theme .blocklyMenu > .blocklyMenuItem.blocklyMenuItemHighlight {
|
||||||
background-color: #2980b9;
|
background-color: var(--app-dark-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.blocklyDropDownDiv.dark-theme.zelos-renderer .blocklyMenu > .blocklyMenuItem.blocklyMenuItemHighlight {
|
.blocklyDropDownDiv.dark-theme.zelos-renderer .blocklyMenu > .blocklyMenuItem.blocklyMenuItemHighlight {
|
||||||
@@ -217,7 +217,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.blocklyMenu > .blocklyMenuItem {
|
.blocklyMenu > .blocklyMenuItem {
|
||||||
font-family: Lato, system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
font-family: "Lato", "Noto Sans SC";
|
||||||
margin: 0px 5px;
|
margin: 0px 5px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
|
|||||||
@@ -8,14 +8,18 @@
|
|||||||
right: 7px !important;
|
right: 7px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-dialog-body > .ui-dialog-content {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
html[data-bs-theme=dark] .ui-dialog {
|
html[data-bs-theme=dark] .ui-dialog {
|
||||||
background-color: #2B2D30;
|
background-color: #252525;
|
||||||
border: 1px solid #444444;
|
border: 1px solid #454545;
|
||||||
color: #eee;
|
color: #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-bs-theme=dark] .ui-popup-focus .ui-dialog {
|
html[data-bs-theme=dark] .ui-popup-focus .ui-dialog {
|
||||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
|
box-shadow: 0 2px 5px rgb(0 0 0 / 50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-bs-theme=dark] .ui-popup-modal .ui-dialog {
|
html[data-bs-theme=dark] .ui-popup-modal .ui-dialog {
|
||||||
|
|||||||
@@ -182,7 +182,7 @@
|
|||||||
max-width: 26em;
|
max-width: 26em;
|
||||||
padding: .25em 0;
|
padding: .25em 0;
|
||||||
margin: .3em;
|
margin: .3em;
|
||||||
font-family: Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif;
|
font-family: "Lato", "Noto Sans SC";
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
@@ -329,7 +329,7 @@ html[data-bs-theme=dark] .context-menu-item.context-menu-disabled {
|
|||||||
}
|
}
|
||||||
|
|
||||||
html[data-bs-theme=dark] .context-menu-item.context-menu-hover {
|
html[data-bs-theme=dark] .context-menu-item.context-menu-hover {
|
||||||
background-color: #2980b9 !important;
|
background-color: var(--app-dark-color) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-bs-theme=dark] .context-menu-separator {
|
html[data-bs-theme=dark] .context-menu-separator {
|
||||||
|
|||||||
@@ -4,6 +4,7 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
font-family: "Lato", "Noto Sans SC";
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-line > div {
|
.menu-line > div {
|
||||||
|
|||||||
@@ -7,7 +7,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.select2-results__options {
|
.select2-results__options {
|
||||||
font-family: Lato, system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
font-family: "Lato", "Noto Sans SC";
|
||||||
margin: 5px 0px;
|
margin: 5px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -19,7 +19,7 @@
|
|||||||
margin: 0px 5px;
|
margin: 0px 5px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
padding: 0.2em 0.5em;
|
padding: 0.28em 0.5em;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -86,22 +86,19 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] .layui-nav-item {
|
ul[m-id="{{d.mId}}"] .layui-nav-item {
|
||||||
|
font-family: "Lato", "Noto Sans SC";
|
||||||
line-height: var(--nav-height);
|
line-height: var(--nav-height);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] .layui-nav-child {
|
ul[m-id="{{d.mId}}"] .layui-nav-child {
|
||||||
top: calc(var(--nav-height) + 1px);
|
top: var(--nav-height);
|
||||||
}
|
}
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] dl {
|
ul[m-id="{{d.mId}}"] dl {
|
||||||
z-index: 1001;
|
z-index: 1001;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layui-nav .layui-nav-item a {
|
|
||||||
padding: 0 17px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] > div {
|
ul[m-id="{{d.mId}}"] > div {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
@@ -114,6 +111,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] .left-btn-container button {
|
ul[m-id="{{d.mId}}"] .left-btn-container button {
|
||||||
|
font-family: "Lato", "Noto Sans SC";
|
||||||
height: var(--nav-left-btn-height);
|
height: var(--nav-left-btn-height);
|
||||||
font-size: calc(var(--nav-left-btn-font-size) + 4px);
|
font-size: calc(var(--nav-left-btn-font-size) + 4px);
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
@@ -148,7 +146,7 @@
|
|||||||
|
|
||||||
ul[m-id="{{d.mId}}"] .layui-nav-item dd {
|
ul[m-id="{{d.mId}}"] .layui-nav-item dd {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif;
|
font-family: "Lato", "Noto Sans SC";
|
||||||
}
|
}
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] .layui-nav-item dd > a {
|
ul[m-id="{{d.mId}}"] .layui-nav-item dd > a {
|
||||||
@@ -156,11 +154,11 @@
|
|||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
padding: 5px 10px !important;
|
padding: 5px 7px 4px 7px !important;
|
||||||
margin: 0px 5px;
|
margin: 0px 5px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
min-width: 60px;
|
min-width: 100px;
|
||||||
font-family: Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif;
|
font-family: "Lato", "Noto Sans SC";
|
||||||
}
|
}
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] .layui-nav-item dd > a {
|
ul[m-id="{{d.mId}}"] .layui-nav-item dd > a {
|
||||||
@@ -179,7 +177,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] .layui-nav-item dd > a:hover {
|
html[data-bs-theme=dark] ul[m-id="{{d.mId}}"] .layui-nav-item dd > a:hover {
|
||||||
background-color: #2980b9;
|
background-color: var(--app-dark-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] hr {
|
html[data-bs-theme=light] ul[m-id="{{d.mId}}"] hr {
|
||||||
@@ -204,7 +202,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] > .editor-btn-container > .copyright {
|
ul[m-id="{{d.mId}}"] > .editor-btn-container > .copyright {
|
||||||
font-family: "YaHei Consolas Hybrid", "Microsoft Yahei Light", "Arial";
|
font-family: "Lato", "Noto Sans SC";
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -239,6 +237,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul[m-id="{{d.mId}}"] > .editor-btn-container .group > button {
|
ul[m-id="{{d.mId}}"] > .editor-btn-container .group > button {
|
||||||
|
font-family: "Lato", "Noto Sans SC";
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
padding: 0 2px;
|
padding: 0 2px;
|
||||||
margin: 0 4px;
|
margin: 0 4px;
|
||||||
|
|||||||
Reference in New Issue
Block a user