amass/md
1
0
Fork 0
mirror of https://github.com/doocs/md.git synced 2024-11-28 13:36:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: prettify code

Browse Source
This commit is contained in:
JimQing 2020-11-22 12:34:25 +00:00 committed by GitHub Action
parent a70a6374dc
commit eed30293d4
2 changed files with 116 additions and 112 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

188
src/assets/less/theme.less
View File

@ -12,120 +12,120 @@
@nightLineColor: #84868b; @nightLineColor: #84868b;
.container_night { .container_night {
background-color: @nightBgColor;
.el-main {
background-color: @nightBgColor; background-color: @nightBgColor;
}
.el-main { .CodeMirror {
background-color: @nightBgColor; caret-color: @nightFontColor;
color: @nightFontColor;
background-color: @nightCodeMirrorColor;
box-shadow: inset 0 0 0 1px rgba(100, 37, 37, 0.102);
}
.output_night {
.preview {
background-color: @nightPreviewColor;
box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
} }
.CodeMirror { .preview-wrapper {
caret-color: @nightFontColor; background-color: @nightCodeMirrorColor;
color: @nightFontColor; box-shadow: inset 0 0 0 1px rgba(233, 231, 231, 0.102);
background-color: @nightCodeMirrorColor;
box-shadow: inset 0 0 0 1px rgba(100, 37, 37, 0.102);
} }
.output_night { .code-snippet__fix {
.preview { background-color: rgb(238, 238, 238);
background-color: @nightPreviewColor; }
box-shadow: 0 0 70px rgba(0, 0, 0, 0.3); }
}
.preview-wrapper { .cm-s-style-mirror .CodeMirror-matchingbracket {
background-color: @nightCodeMirrorColor; color: @nightWhiteColor !important;
box-shadow: inset 0 0 0 1px rgba(233, 231, 231, 0.102); background: rgb(30, 30, 30) !important;
} }
.code-snippet__fix { .cm-s-xq-light span.cm-variable-2,
background-color: rgb(238, 238, 238); .cm-s-style-mirror span.cm-tag {
} color: @nightFontColor;
}
.cm-s-xq-light .CodeMirror-activeline-background {
background-color: transparent;
}
.cm-s-xq-light span.cm-string {
color: @nightLinkColor;
}
.cm-s-xq-light span.cm-link {
color: @nightLinkTextColor;
}
.editor__header {
background-color: @nightHeaderColor;
}
.el-button {
color: @nightWhiteColor;
background-color: @nightCodeMirrorColor;
border: 1px solid transparent;
}
.el-button.is-plain:focus,
.el-button.is-plain:hover {
background: @nightButtonBg;
color: @nightWhiteColor;
border: 1px solid @nightWhiteColor;
i {
color: @nightWhiteColor;
}
}
.insert__dialog,
.about__dialog,
.reset__dialog,
.upload__dialog {
.el-dialog {
background-color: @nightBgColor;
} }
.cm-s-style-mirror .CodeMirror-matchingbracket { .el-dialog__body {
color: @nightWhiteColor !important; color: @nightWhiteColor;
background: rgb(30, 30, 30) !important;
} }
.cm-s-xq-light span.cm-variable-2, .el-dialog__title,
.cm-s-style-mirror span.cm-tag { .el-form-item__label {
color: @nightFontColor; color: @nightWhiteColor;
} }
.cm-s-xq-light .CodeMirror-activeline-background { .el-tabs__item {
background-color: transparent; color: @nightActiveCodeMirrorColor;
} }
.cm-s-xq-light span.cm-string { .el-tabs__nav-wrap::after {
color: @nightLinkColor; background-color: @nightLineColor;
} }
.cm-s-xq-light span.cm-link { .is-active {
color: @nightLinkTextColor; color: @nightWhiteColor;
} }
.editor__header { .el-upload-dragger {
background-color: @nightHeaderColor; background-color: @nightButtonBg;
} }
}
.el-button { ::v-deep .el-icon-upload,
color: @nightWhiteColor; .el-icon-download,
background-color: @nightCodeMirrorColor; .el-icon-refresh,
border: 1px solid transparent; .el-icon-s-grid {
} color: @nightWhiteColor;
}
.el-button.is-plain:focus, ::-webkit-scrollbar {
.el-button.is-plain:hover { background-color: @nightCodeMirrorColor;
background: @nightButtonBg; }
color: @nightWhiteColor; }
border: 1px solid @nightWhiteColor;
i {
color: @nightWhiteColor;
}
}
.insert__dialog,
.about__dialog,
.reset__dialog,
.upload__dialog {
.el-dialog {
background-color: @nightBgColor;
}
.el-dialog__body {
color: @nightWhiteColor;
}
.el-dialog__title,
.el-form-item__label {
color: @nightWhiteColor;
}
.el-tabs__item {
color: @nightActiveCodeMirrorColor;
}
.el-tabs__nav-wrap::after {
background-color: @nightLineColor;
}
.is-active {
color: @nightWhiteColor;
}
.el-upload-dragger {
background-color: @nightButtonBg;
}
}
::v-deep .el-icon-upload,
.el-icon-download,
.el-icon-refresh,
.el-icon-s-grid {
color: @nightWhiteColor;
}
::-webkit-scrollbar {
background-color: @nightCodeMirrorColor;
}
}

40
src/components/CodemirrorEditor/rightClickMenu.vue
View File

@ -38,23 +38,27 @@ export default {
data() { data() {
return { return {
menu: [ menu: [
[{ [
text: "上传图片", {
key: "insertPic", text: "上传图片",
}, key: "insertPic",
{ },
text: "插入表格", {
key: "insertTable", text: "插入表格",
}, key: "insertTable",
{ },
text: "页面重置", {
key: "pageReset", text: "页面重置",
}], key: "pageReset",
[{ },
text: "下载MD文档", ],
key: "downLoad", [
}] {
] text: "下载MD文档",
key: "downLoad",
},
],
],
}; };
}, },
methods: { methods: {
@ -74,7 +78,7 @@ export default {
position: absolute; position: absolute;
border-radius: 4px; border-radius: 4px;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
z-index: 9999; z-index: 9999;
} }