jingrow/jingrow
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

美化Block Editor斜杠下拉弹窗样式

Browse Source
This commit is contained in:
jingrow 2026-05-29 23:16:26 +08:00
parent 1b895e5767
commit 346f578475
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/core/pagetype/form/controls/BlockEditor.vue
View File

@ -688,13 +688,23 @@ function icon(name: string): string {
z-index: 9999;
position: fixed;
width: 260px; max-height: 280px;
overflow: hidden auto !important;
overflow-y: auto !important;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
padding: 4px;
}
.blockeditor-slash-menu::-webkit-scrollbar {
width: 4px;
}
.blockeditor-slash-menu::-webkit-scrollbar-track {
margin: 4px 0;
}
.blockeditor-slash-menu::-webkit-scrollbar-thumb {
background: #d1d5db;
border-radius: 4px;
}
.blockeditor-slash-header { font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; padding: 5px 8px 3px; }
.blockeditor-slash-item { display: flex; align-items: center; gap: 8px; padding: 5px 8px; border-radius: 6px; cursor: pointer; transition: background 0.1s; }
.blockeditor-slash-item:hover, .blockeditor-slash-item-active { background: #f3f4f6; }