mirror of
https://github.com/kiddin9/op-packages.git
synced 2026-11-14 20:48:17 +08:00
⛅ Sync 2026-11-02 22:20:40
This commit is contained in:
github-actions[bot] committed
1 parent
db798bdf5e
commit
d09231d556
184 files changed
+19918
-3537
No files matched your search
@@ -1298,3 +1298,406 @@
|
||||
}
|
||||
|
||||
/* lc:end */
|
||||
|
||||
/* ---------------------------------------------------------------- 环境横幅（doctor，0.3.3） */
|
||||
|
||||
.isp-doctor {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* fail：红条。与 .is-warn 同一套骨架，只换左边框与标题色——不新增视觉语言。
|
||||
这里没有关闭按钮，也没有折叠：有 fail 项时横幅必须一直在。 */
|
||||
.isp-banner.is-bad {
|
||||
border-left-color: var(--isp-bad);
|
||||
}
|
||||
|
||||
.isp-banner.is-bad .isp-banner-msg strong {
|
||||
color: var(--isp-bad);
|
||||
}
|
||||
|
||||
.isp-banner-actions {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.isp-env-list {
|
||||
margin-top: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.isp-env-list[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.isp-env-item {
|
||||
border-left: 3px solid var(--isp-border-strong);
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.isp-env-title {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
color: var(--isp-text);
|
||||
}
|
||||
|
||||
.isp-env-adv {
|
||||
display: block;
|
||||
margin-top: 2px;
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.86rem;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
/* 全绿：一行，尽量不占版面 */
|
||||
.isp-env-ok {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px 12px;
|
||||
margin: 0 0 16px 0;
|
||||
padding: 8px 14px;
|
||||
border: 1px solid var(--isp-border);
|
||||
border-left: 4px solid var(--isp-ok);
|
||||
border-radius: var(--isp-radius);
|
||||
background: var(--isp-card-bg);
|
||||
color: var(--isp-text);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.isp-env-ok .isp-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background: var(--isp-ok);
|
||||
}
|
||||
|
||||
.isp-env-sub {
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
|
||||
.isp-env-wait {
|
||||
margin: 0 0 16px 0;
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.86rem;
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------- 首启向导（0.3.3）
|
||||
|
||||
沿用 isp-* 那套变量与卡片骨架：向导只新增"步骤条 / 自检行 / 完成态"三块，
|
||||
不复用体检页那套样式类——它可被构建期剥离，向导不能跟着消失。 */
|
||||
|
||||
.wz-steps {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 10px;
|
||||
margin: 0 0 16px 0;
|
||||
}
|
||||
|
||||
.wz-step {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 2px;
|
||||
padding: 10px 12px;
|
||||
text-align: left;
|
||||
background: var(--isp-card-bg);
|
||||
border: 1px solid var(--isp-border);
|
||||
border-radius: var(--isp-radius);
|
||||
color: var(--isp-muted);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.wz-step.is-current {
|
||||
border-color: var(--isp-primary);
|
||||
box-shadow: inset 0 0 0 1px var(--isp-primary);
|
||||
color: var(--isp-text);
|
||||
}
|
||||
|
||||
.wz-step.is-done {
|
||||
border-left: 4px solid var(--isp-ok);
|
||||
color: var(--isp-text);
|
||||
}
|
||||
|
||||
.wz-step[disabled] {
|
||||
opacity: 0.55;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.wz-step-no {
|
||||
font-size: 0.72rem;
|
||||
letter-spacing: 0.08em;
|
||||
}
|
||||
|
||||
.wz-step-title {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.wz-step-hint {
|
||||
font-size: 0.76rem;
|
||||
}
|
||||
|
||||
.wz-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 14px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
|
||||
.wz-card {
|
||||
padding: 14px 16px;
|
||||
}
|
||||
|
||||
.wz-card h3 {
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
.wz-summary {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin: 14px 0 10px 0;
|
||||
}
|
||||
|
||||
.wz-summary-head {
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.wz-doctor {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.wz-checks {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.wz-check {
|
||||
padding: 12px 14px;
|
||||
border: 1px solid var(--isp-border);
|
||||
border-left: 4px solid var(--isp-border-strong);
|
||||
border-radius: var(--isp-radius);
|
||||
background: var(--isp-card-bg);
|
||||
}
|
||||
|
||||
.wz-check.is-ok {
|
||||
border-left-color: var(--isp-ok);
|
||||
}
|
||||
|
||||
.wz-check.is-warn {
|
||||
border-left-color: var(--isp-warn);
|
||||
}
|
||||
|
||||
.wz-check.is-bad {
|
||||
border-left-color: var(--isp-bad);
|
||||
}
|
||||
|
||||
.wz-check-head {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.wz-check-title {
|
||||
font-weight: 600;
|
||||
color: var(--isp-text);
|
||||
}
|
||||
|
||||
.wz-check-conf {
|
||||
margin-left: auto;
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.wz-find {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.wz-find-line {
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.86rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.wz-advice {
|
||||
margin-top: 6px;
|
||||
color: var(--isp-text);
|
||||
font-size: 0.88rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.wz-kv {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
padding: 3px 0;
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.wz-kv-key {
|
||||
flex: 0 0 96px;
|
||||
color: var(--isp-muted);
|
||||
}
|
||||
|
||||
.wz-kv-val {
|
||||
flex: 1 1 auto;
|
||||
color: var(--isp-text);
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.wz-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.wz-hint {
|
||||
margin: 8px 0 0 0;
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.84rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.wz-meta {
|
||||
margin-top: 8px;
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.84rem;
|
||||
}
|
||||
|
||||
.wz-note {
|
||||
min-height: 1.2em;
|
||||
margin: 10px 0 6px 0;
|
||||
color: var(--isp-primary);
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.wz-note.is-bad {
|
||||
color: var(--isp-bad);
|
||||
}
|
||||
|
||||
.wz-note.is-ok {
|
||||
color: var(--isp-ok);
|
||||
}
|
||||
|
||||
.wz-loading {
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.wz-block {
|
||||
margin-top: 10px;
|
||||
padding: 10px 12px;
|
||||
border-radius: var(--isp-radius);
|
||||
background: var(--isp-card-bg-2);
|
||||
color: var(--isp-text);
|
||||
font-size: 0.88rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.wz-preview {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.wz-preview-head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin-bottom: 8px;
|
||||
color: var(--isp-muted);
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.wz-dry {
|
||||
max-height: 320px;
|
||||
}
|
||||
|
||||
.isp-out.is-bad {
|
||||
border-color: var(--isp-bad);
|
||||
}
|
||||
|
||||
.wz-cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 14px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.wz-ack {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
color: var(--isp-text);
|
||||
font-size: 0.88rem;
|
||||
}
|
||||
|
||||
.wz-list {
|
||||
margin: 8px 0 0 0;
|
||||
padding-left: 20px;
|
||||
color: var(--isp-text);
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.wz-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 14px 0 6px 0;
|
||||
}
|
||||
|
||||
.wz-spacer {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.wz-done {
|
||||
display: flex;
|
||||
gap: 14px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.wz-done-mark {
|
||||
flex: 0 0 auto;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--isp-ok);
|
||||
color: #fff;
|
||||
font-size: 1.4rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.wz-done-text strong {
|
||||
display: block;
|
||||
font-size: 1.05rem;
|
||||
color: var(--isp-text);
|
||||
}
|
||||
|
||||
.wz-done-banner strong {
|
||||
color: var(--isp-ok);
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
.wz-steps {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.wz-cards {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user