Update architecture diagram (#315)

Signed-off-by: Carson Yang <yangchuansheng33@gmail.com>
This commit is contained in:
Carson Yang
2023-09-18 21:26:15 +08:00
committed by GitHub
parent b8ea546b3f
commit 81e37a5736
7 changed files with 149 additions and 47 deletions

View File

@@ -19,6 +19,7 @@
--primary-100: var(--blue-100);
--primary-200: var(--blue-200);
--primary-300: var(--blue-300);
--primary-400: var(--blue-400);
--primary-800: var(--blue-800);
--primary-hsl: var(--blue-500-hsl);
--primary-50-hsl: var(--blue-50-hsl);
@@ -9765,7 +9766,6 @@ i.title-icon {
.docs-content .main-content code {
font-size: inherit;
color: var(--text-default);
font-weight: 400;
padding: 1px 2px;
background: var(--inline-code-bg);
@@ -9774,14 +9774,11 @@ i.title-icon {
.docs-content .main-content pre {
margin: 0;
background-color: var(--code-block-bg) !important;
border-radius: 4px;
padding: 0; }
.docs-content .main-content pre code {
color: #f5fbff;
font-size: 0.8rem;
display: block;
background: var(--code-block-bg);
border: none;
overflow-x: auto;
line-height: 1.5;
@@ -10820,6 +10817,43 @@ table td:last-child, table th:last-child {
.tab-content {
margin-bottom: 0.8rem; }
:root {
--tooltip-bg: var(--white);
--tooltip-border-color: var(--content-link-color);
--tooltip-drop-shadow-color: var(--gray-500);
--tooltip-link-color: var(--gray-700); }
[data-dark-mode] {
--tooltip-bg: var(--dark-alt);
--tooltip-border-color: var(--primary-300);
--tooltip-drop-shadow-color: var(--gray-900);
--tooltip-link-color: var(--gray-500); }
.tooltip {
--bs-tooltip-bg: var(--tooltip-bg);
--bs-tooltip-opacity: 1.0;
--bs-tooltip-font-size: 0.575rem;
--bs-tooltip-max-width: 300px; }
.tooltip-inner {
text-align: left;
border: 2px solid var(--tooltip-border-color);
border-width: 2px 2px 2px 8px;
filter: drop-shadow(4px 4px 5px var(--tooltip-drop-shadow-color));
--bs-tooltip-border-radius: 4px; }
.tooltip-inner a {
color: var(--tooltip-link-color);
font-size: 0.85rem;
line-height: 1.55; }
.tooltip-inner a p {
margin-bottom: 0.2rem;
color: var(--text-muted);
font-weight: 600; }
.tooltip-inner a strong {
font-size: 0.975rem;
line-height: 2;
color: var(--text-default); }
:root {
--feature-icon-color: var(--primary);
--feature-icon-faint: var(--gray-200);
@@ -11217,11 +11251,14 @@ h4:hover a,
visibility: visible;
text-decoration: none; }
/* PrismJS 1.29.0
/**
* prism.js lotus docs for JavaScript, CoffeeScript, CSS and HTML
* Based on https://github.com/chriskempson/tomorrow-theme
* @author Colin Wilson
* Lotus Docs theme
*
* Adapted from a theme based on:
* https://github.com/chriskempson/tomorrow-theme
*
* @author Colin Wilson <github.com/colinwilson>
* @version 1.0
*/
:root {
--prism-code-bg: #212d63;
@@ -11234,35 +11271,7 @@ h4:hover a,
code[class*="language-"],
pre[class*="language-"] {
color: #f5fbff !important;
background: var(--prism-code-bg) !important;
border: none !important;
font-family: JetBrains Mono;
font-size: 0.8rem;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
scrollbar-width: thin;
scrollbar-color: var(--prism-code-scrollbar-thumb-color) var(--prism-code-bg); }
code[class*="language-"]::-webkit-scrollbar,
pre[class*="language-"]::-webkit-scrollbar {
height: 5px;
background: var(--prism-code-bg); }
code[class*="language-"]::-webkit-scrollbar-thumb,
pre[class*="language-"]::-webkit-scrollbar-thumb {
background: var(--prism-code-scrollbar-thumb-color); }
background: var(--prism-code-bg) !important; }
/* Code blocks */
pre[class*="language-"] {
@@ -11279,6 +11288,19 @@ pre[class*="language-"] {
border-radius: .3em;
white-space: normal; }
.line-highlight:before,
.line-highlight[data-end]:after {
background-color: var(--blue-400); }
[data-copy-state="copy"] span:empty::before {
background-color: var(--gray-400); }
[data-copy-state="copy"] span:empty:hover::before {
background-color: var(--white); }
[data-copy-state="copy-success"] span:empty::before {
background-color: var(--emerald-200); }
.token.comment,
.token.block-comment,
.token.prolog,
@@ -11347,6 +11369,44 @@ pre[class*="language-"] {
.token.inserted {
color: green; }
/* PrismJS 1.29.0 */
code {
color: var(--text-default); }
.docs-content .main-content pre {
background-color: var(--prism-code-bg) !important; }
code[class*="language-"],
pre[class*="language-"] {
border: none !important;
font-family: JetBrains Mono;
font-size: 0.8rem;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
scrollbar-width: thin;
scrollbar-color: var(--prism-code-scrollbar-thumb-color) var(--prism-code-bg); }
code[class*="language-"]::-webkit-scrollbar,
pre[class*="language-"]::-webkit-scrollbar {
height: 5px;
background: var(--prism-code-bg); }
code[class*="language-"]::-webkit-scrollbar-thumb,
pre[class*="language-"]::-webkit-scrollbar-thumb {
background: var(--prism-code-scrollbar-thumb-color); }
pre[data-line] {
position: relative;
padding: 0 !important; }
@@ -11387,7 +11447,6 @@ pre[data-line] {
left: .6em;
min-width: 1.5em;
padding: 0 .5em;
background-color: var(--blue-400);
color: #f5f2f0;
font: bold 95%/1.3 sans-serif;
text-align: center;
@@ -11510,21 +11569,16 @@ div.code-toolbar > .toolbar > .toolbar-item > button {
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' viewBox='0 0 48 48'%3E%3Cpath d='M9 43.95q-1.2 0-2.1-.9-.9-.9-.9-2.1V10.8h3v30.15h23.7v3Zm6-6q-1.2 0-2.1-.9-.9-.9-.9-2.1v-28q0-1.2.9-2.1.9-.9 2.1-.9h22q1.2 0 2.1.9.9.9.9 2.1v28q0 1.2-.9 2.1-.9.9-2.1.9Zm0-3h22v-28H15v28Zm0 0v-28 28Z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--gray-400);
display: block;
height: 24px;
width: 24px; }
[data-copy-state="copy"] span:empty:hover::before {
background-color: var(--white); }
[data-copy-state="copy-success"] span:empty::before {
content: "";
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' viewBox='0 0 48 48'%3E%3Cpath d='M18.9 35.7 7.7 24.5l2.15-2.15 9.05 9.05 19.2-19.2 2.15 2.15Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' viewBox='0 0 48 48'%3E%3Cpath d='M18.9 35.7 7.7 24.5l2.15-2.15 9.05 9.05 19.2-19.2 2.15 2.15Z'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
background-color: var(--emerald-200);
display: block;
height: 24px;
width: 24px; }
@@ -11918,6 +11972,33 @@ div.code-toolbar > .toolbar > .toolbar-item > span:focus {
width: 20.1rem;
padding-left: 1rem; } }
/* Mermaid */
.docs-content .main-content pre.mermaid {
background-color: transparent !important;
text-align: center !important; }
.docs-content .main-content pre.mermaid .messageText {
fill: var(--text-default) !important; }
.docs-content .main-content pre.mermaid .messageLine0,
.docs-content .main-content pre.mermaid .messageLine1 {
stroke: var(--text-default) !important; }
.docs-content .main-content pre.mermaid #arrowhead path,
.docs-content .main-content pre.mermaid #crosshead path {
fill: var(--text-default) !important;
stroke: var(--text-default) !important; }
.docs-content .main-content pre.mermaid .edgePaths path {
stroke: var(--text-default) !important; }
.docs-content .main-content pre.mermaid .marker {
fill: var(--text-default) !important;
stroke: var(--text-default) !important; }
.docs-content .main-content pre.mermaid .grid .tick {
stroke: var(--text-default) !important; }
.docs-content .main-content pre.mermaid .grid .tick text {
fill: var(--text-default) !important; }
.docs-content .main-content pre.mermaid line {
stroke: var(--text-default) !important; }
.docs-content .main-content pre.mermaid text {
fill: var(--text-default) !important; }
.docs-content .main-content img, .docs-content .main-content svg:not(.gitinfo svg):not(a svg) {
max-width: 80% !important;
height: auto;