study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-12-22 18:22:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

增加CodeEdiotr组件，调整MonocaEditor全局样式

Browse Source
This commit is contained in:
fofolee
2025-01-11 11:44:02 +08:00
parent 9eee3d1b14
commit a954cf0764
3 changed files with 310 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/css/app.css
View File

@@ -13,10 +13,63 @@ body {
color: #333;
}
.q-tooltip {
font-size: 11px;
/* Monaco Editor 调整行号栏样式 */
.monaco-editor .margin {
width: 40px !important;
}
.monaco-editor .line-numbers {
text-align: center !important;
width: 40px !important;
padding-right: 5px !important;
left: 0 !important;
}
/* Monaco Editor 当前行高亮样式 */
.monaco-editor .current-line {
border: none !important;
background-color: rgba(0, 0, 0, 0.03);
}
.monaco-editor .line-numbers {
color: rgba(0, 0, 0, 0.5) !important;
}
.body--dark .monaco-editor .line-numbers {
color: rgba(255, 255, 255, 0.5) !important;
}
.monaco-editor .current-line~.line-numbers {
color: var(--q-primary) !important;
}
.body--dark .monaco-editor .current-line {
background-color: rgba(255, 255, 255, 0.05);
}
.monaco-editor .margin-view-overlays .current-line {
background-color: transparent !important;
}
/* Monaco Editor 滚动条样式 */
.monaco-editor .scrollbar {
width: 5px !important;
height: 5px !important;
}
.monaco-editor .scrollbar.vertical .slider {
width: 5px !important;
border-radius: 2px !important;
background: rgba(0, 0, 0, 0.2) !important;
}
.monaco-editor .scrollbar.horizontal .slider {
height: 5px !important;
border-radius: 2px !important;
background: rgba(0, 0, 0, 0.2) !important;
}
/* 标签样式 */
.q-chip {
background: #e3e3e39a;
}
@@ -54,6 +107,10 @@ body {
}
/* 优化 Tooltip 样式 */
.q-tooltip {
font-size: 11px;
}
.q-tooltip {
background: rgba(255, 255, 255, 0.18) !important;
border-radius: 6px;