feat(knowledge): restore complete human rendering layer
This commit is contained in:
parent
893c1a0a12
commit
3466b507c6
15 changed files with 665 additions and 23 deletions
|
|
@ -459,6 +459,32 @@ main {
|
|||
overflow: hidden;
|
||||
background: rgba(5, 17, 31, 0.76);
|
||||
}
|
||||
.knowledge-workspace.complete {
|
||||
grid-template-columns: 260px minmax(0, 1fr) 232px;
|
||||
height: min(720px, calc(100vh - 175px));
|
||||
min-height: 560px;
|
||||
}
|
||||
.knowledge-workspace.complete.inspector-closed {
|
||||
grid-template-columns: 260px minmax(0, 1fr);
|
||||
}
|
||||
.knowledge-browser {
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.browser-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 4px 2px 13px;
|
||||
}
|
||||
.browser-title strong {
|
||||
font-size: 12px;
|
||||
color: #cad8e6;
|
||||
}
|
||||
.browser-title span {
|
||||
font-size: 10px;
|
||||
color: #6f879e;
|
||||
}
|
||||
.knowledge-workspace > aside {
|
||||
border-right: 1px solid var(--line);
|
||||
padding: 13px;
|
||||
|
|
@ -532,6 +558,197 @@ main {
|
|||
font-family: "SFMono-Regular", Menlo, monospace;
|
||||
font-size: 14px;
|
||||
}
|
||||
.document-workspace {
|
||||
min-height: 0;
|
||||
}
|
||||
.document-scroll {
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
padding: 42px clamp(28px, 5vw, 70px) 70px;
|
||||
}
|
||||
.reader-heading {
|
||||
padding-bottom: 25px;
|
||||
margin-bottom: 25px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
.reader-heading h1 {
|
||||
font-size: 34px;
|
||||
margin: 0 0 10px;
|
||||
letter-spacing: -0.025em;
|
||||
}
|
||||
.reader-heading p {
|
||||
color: #8097ad;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
}
|
||||
.meta-tags {
|
||||
display: flex;
|
||||
gap: 7px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
.meta-tags span {
|
||||
padding: 4px 8px;
|
||||
border-radius: 7px;
|
||||
color: #b8d8ef;
|
||||
background: rgba(71, 139, 188, 0.14);
|
||||
font-size: 10px;
|
||||
}
|
||||
.markdown-document {
|
||||
color: #cbd8e6;
|
||||
font-size: 15px;
|
||||
line-height: 1.9;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.markdown-document h1,
|
||||
.markdown-document h2,
|
||||
.markdown-document h3,
|
||||
.markdown-document h4 {
|
||||
color: #f0f5fb;
|
||||
line-height: 1.35;
|
||||
scroll-margin-top: 24px;
|
||||
}
|
||||
.markdown-document h1 {
|
||||
font-size: 28px;
|
||||
margin: 1.4em 0 0.6em;
|
||||
}
|
||||
.markdown-document h2 {
|
||||
font-size: 22px;
|
||||
margin: 1.7em 0 0.55em;
|
||||
}
|
||||
.markdown-document h3 {
|
||||
font-size: 18px;
|
||||
margin: 1.5em 0 0.5em;
|
||||
}
|
||||
.markdown-document p {
|
||||
margin: 0 0 1.1em;
|
||||
}
|
||||
.markdown-document a,
|
||||
.markdown-document .wiki-link {
|
||||
color: #84c9f3;
|
||||
}
|
||||
.markdown-document .wiki-link {
|
||||
display: inline;
|
||||
border: 0;
|
||||
padding: 0 2px;
|
||||
background: transparent;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
.markdown-document blockquote.callout {
|
||||
margin: 1.3em 0;
|
||||
padding: 14px 17px;
|
||||
border-left: 3px solid #74bee9;
|
||||
border-radius: 0 10px 10px 0;
|
||||
background: rgba(72, 137, 181, 0.1);
|
||||
}
|
||||
.markdown-document blockquote.callout-amber {
|
||||
border-left-color: var(--gold);
|
||||
background: rgba(205, 153, 64, 0.1);
|
||||
}
|
||||
.markdown-document blockquote.callout-rose {
|
||||
border-left-color: #df8991;
|
||||
background: rgba(190, 83, 94, 0.1);
|
||||
}
|
||||
.markdown-document blockquote.callout-mint {
|
||||
border-left-color: var(--green);
|
||||
background: rgba(81, 170, 119, 0.1);
|
||||
}
|
||||
.markdown-document pre {
|
||||
overflow: auto;
|
||||
padding: 16px;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 12px;
|
||||
background: rgba(1, 7, 14, 0.65);
|
||||
}
|
||||
.markdown-document code {
|
||||
font-family: "SFMono-Regular", Menlo, monospace;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.markdown-document table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 1.4em 0;
|
||||
}
|
||||
.markdown-document th,
|
||||
.markdown-document td {
|
||||
padding: 9px 11px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
text-align: left;
|
||||
}
|
||||
.markdown-document img {
|
||||
max-width: 100%;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.heading-flash {
|
||||
animation: headingFlash 1.2s ease;
|
||||
}
|
||||
@keyframes headingFlash {
|
||||
0% {
|
||||
color: var(--gold);
|
||||
text-shadow: 0 0 18px rgba(240, 197, 107, 0.4);
|
||||
}
|
||||
}
|
||||
.document-inspector {
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
border-left: 1px solid var(--line);
|
||||
border-right: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.document-inspector > header {
|
||||
padding: 18px 16px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
.document-inspector > header strong,
|
||||
.document-inspector > header span {
|
||||
display: block;
|
||||
}
|
||||
.document-inspector > header strong {
|
||||
font-size: 13px;
|
||||
}
|
||||
.document-inspector > header span {
|
||||
color: #72899f;
|
||||
font-size: 10px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.outline-list {
|
||||
padding: 10px 8px 18px;
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
.outline-list button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
text-align: left;
|
||||
color: #9fb2c5;
|
||||
font-size: 11px;
|
||||
line-height: 1.45;
|
||||
padding-block: 7px;
|
||||
}
|
||||
.outline-list p {
|
||||
color: #72899f;
|
||||
font-size: 11px;
|
||||
padding: 8px;
|
||||
}
|
||||
.document-evidence {
|
||||
padding: 14px 16px;
|
||||
margin: 0;
|
||||
}
|
||||
.document-evidence div {
|
||||
margin-bottom: 13px;
|
||||
}
|
||||
.document-evidence dt {
|
||||
color: #6f879e;
|
||||
font-size: 10px;
|
||||
}
|
||||
.document-evidence dd {
|
||||
color: #bdcddd;
|
||||
font-size: 11px;
|
||||
line-height: 1.5;
|
||||
margin: 4px 0 0;
|
||||
word-break: break-all;
|
||||
}
|
||||
.split-list {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
|
|
@ -848,6 +1065,13 @@ main {
|
|||
.knowledge-workspace {
|
||||
grid-template-columns: 210px 1fr;
|
||||
}
|
||||
.knowledge-workspace.complete,
|
||||
.knowledge-workspace.complete.inspector-closed {
|
||||
grid-template-columns: 210px minmax(0, 1fr);
|
||||
}
|
||||
.document-inspector {
|
||||
display: none;
|
||||
}
|
||||
.split-list {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue