qiukai/opc-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.0.0: 首次正式发布 — Squire 编辑器、Plane 风格抽屉、首页布局修复

Browse Source
This commit is contained in:
mac
2026-05-30 01:10:21 +08:00
parent 8dc69f8bd6
commit de86f01d6c
5 changed files with 212 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
static/styles.css
View File

@@ -157,13 +157,14 @@ td {
box-shadow: -18px 0 45px rgba(15, 23, 42, 0.14);
height: 100vh;
overflow-y: auto;
width: 560px;
width: 720px;
}
.file-link {
color: #1d4ed8;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.drawer-section-title {
@@ -313,14 +314,50 @@ td {
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.08);
}
/* Trix editor inside comment box */
.comment-trix {
min-height: 80px;
/* Squire editor */
.squire-toolbar {
align-items: center;
background: #f8fafc;
border-bottom: 1px solid #e2e8f0;
display: flex;
gap: 2px;
padding: 5px 6px;
}
.comment-trix trix-editor {
.squire-btn {
align-items: center;
background: transparent;
border: none;
border-radius: 4px;
color: #475569;
cursor: pointer;
display: inline-flex;
height: 28px;
justify-content: center;
transition: background 0.15s;
width: 28px;
}
.squire-btn:hover {
background: #e2e8f0;
color: #0f172a;
}
.squire-btn [data-lucide] {
height: 15px;
width: 15px;
}
.squire-sep {
background: #e2e8f0;
display: inline-block;
height: 18px;
margin: 0 2px;
width: 1px;
}
.squire-editor {
border: 0;
border-radius: 0;
font-size: 13px;
line-height: 1.55;
min-height: 80px;
@@ -328,30 +365,32 @@ td {
outline: none;
}
.comment-trix trix-toolbar {
border: 0;
border-top: 1px solid #e2e8f0;
background: #f8fafc;
padding: 6px 6px;
.squire-editor p {
margin: 0;
min-height: 1em;
}
.comment-trix trix-toolbar .trix-button {
border-radius: 4px;
padding: 3px 5px;
font-size: 12px;
background: transparent;
border-color: transparent;
.squire-editor ul,
.squire-editor ol {
list-style: revert;
padding-left: 24px;
margin: 4px 0;
}
.squire-editor ul {
list-style-type: disc;
}
.squire-editor ol {
list-style-type: decimal;
}
.squire-editor li {
margin: 2px 0;
}
.comment-trix trix-toolbar .trix-button:hover,
.comment-trix trix-toolbar .trix-button.trix-active {
background: #e2e8f0;
color: #1e293b;
}
.comment-trix trix-toolbar .trix-button-group {
border-color: #e2e8f0;
margin-right: 4px;
.squire-editor blockquote {
border-left: 3px solid #e2e8f0;
color: #64748b;
margin: 4px 0;
padding-left: 10px;
}
.comment-toolbar {
@@ -414,26 +453,37 @@ td {
width: 14px;
}
/* Trix content in activity items */
.activity-item .trix-content {
.activity-item .rich-content {
font-size: 13px;
line-height: 1.55;
}
.activity-item .trix-content div {
.activity-item .rich-content div {
font-size: 13px;
}
.activity-item .trix-content strong {
.activity-item .rich-content strong {
font-weight: 600;
}
.activity-item .trix-content a {
.activity-item .rich-content a {
color: #1d4ed8;
text-decoration: underline;
}
.activity-item .trix-content ul,
.activity-item .trix-content ol {
padding-left: 16px;
margin: 4px 0;
.activity-item .rich-content ul,
.activity-item .rich-content ol {
padding-left: 24px;
list-style: revert;
}
.activity-item .trix-content blockquote {
.activity-item .rich-content ul {
list-style-type: disc;
}
.activity-item .rich-content ol {
list-style-type: decimal;
}
.activity-item .rich-content ul,
.activity-item .rich-content ol,
.activity-item .rich-content li {
margin: 2px 0;
}
.activity-item .rich-content blockquote {
border-left: 3px solid #e2e8f0;
padding-left: 10px;
color: #64748b;