(null);
@@ -803,7 +799,7 @@ function _Chat() {
}
};
- const doSubmit = (userInput: string, userImage?: any) => {
+ const doSubmit = (userInput: string) => {
if (userInput.trim() === "") return;
const matchCommand = chatCommands.match(userInput);
if (matchCommand.matched) {
@@ -818,10 +814,8 @@ function _Chat() {
.then(() => setIsLoading(false));
setAttachImages([]);
localStorage.setItem(LAST_INPUT_KEY, userInput);
- localStorage.setItem(LAST_INPUT_IMAGE_KEY, userImage);
setUserInput("");
setPromptHints([]);
- setUserImage(null);
if (!isMobileScreen) inputRef.current?.focus();
setAutoScroll(true);
};
@@ -886,12 +880,11 @@ function _Chat() {
!(e.metaKey || e.altKey || e.ctrlKey)
) {
setUserInput(localStorage.getItem(LAST_INPUT_KEY) ?? "");
- setUserImage(localStorage.getItem(LAST_INPUT_IMAGE_KEY));
e.preventDefault();
return;
}
if (shouldSubmit(e) && promptHints.length === 0) {
- doSubmit(userInput, userImage);
+ doSubmit(userInput);
e.preventDefault();
}
};
@@ -1069,7 +1062,6 @@ function _Chat() {
isLoading,
session.messages,
userInput,
- userImage?.fileUrl,
]);
const [msgRenderIndex, _setMsgRenderIndex] = useState(
@@ -1283,8 +1275,6 @@ function _Chat() {
setAttachImages(images);
}
- const textareaMinHeight = userImage ? 121 : 68;
-
return (
@@ -1574,19 +1564,6 @@ function _Chat() {
)}
- {!isUser && message.model?.includes("vision") && (
-
- )}
{isContext
? Locale.Chat.IsContext
@@ -1622,9 +1599,6 @@ function _Chat() {
setUserInput("/");
onSearch("");
}}
- imageSelected={(img: any) => {
- setUserImage(img);
- }}
/>
{attachImages.length != 0 && (
@@ -1680,7 +1653,7 @@ function _Chat() {
text={Locale.Chat.Send}
className={styles["chat-input-send"]}
type="primary"
- onClick={() => doSubmit(userInput, userImage)}
+ onClick={() => doSubmit(userInput)}
/>
diff --git a/app/components/markdown.tsx b/app/components/markdown.tsx
index a30dc3dcc..f3a916cc5 100644
--- a/app/components/markdown.tsx
+++ b/app/components/markdown.tsx
@@ -116,41 +116,38 @@ function escapeDollarNumber(text: string) {
return escapedText;
}
-function _MarkDownContent(props: { content: string; imageBase64?: string }) {
+function _MarkDownContent(props: { content: string }) {
const escapedContent = useMemo(
() => escapeDollarNumber(props.content),
[props.content],
);
return (
-
- {props.imageBase64 &&

}
-
,
- a: (aProps) => {
- const href = aProps.href || "";
- const isInternal = /^\/#/i.test(href);
- const target = isInternal ? "_self" : aProps.target ?? "_blank";
- return ;
+
- {escapedContent}
-
-
+ ],
+ ]}
+ components={{
+ pre: PreCode,
+ p: (pProps) => ,
+ a: (aProps) => {
+ const href = aProps.href || "";
+ const isInternal = /^\/#/i.test(href);
+ const target = isInternal ? "_self" : aProps.target ?? "_blank";
+ return ;
+ },
+ }}
+ >
+ {escapedContent}
+
);
}
@@ -163,10 +160,10 @@ export function Markdown(
fontSize?: number;
parentRef?: RefObject;
defaultShow?: boolean;
- imageBase64?: string;
} & React.DOMAttributes,
) {
const mdRef = useRef(null);
+
return (
) : (
-
+
)}
);
diff --git a/app/constant.ts b/app/constant.ts
index a23cea913..ebc4d3ed4 100644
--- a/app/constant.ts
+++ b/app/constant.ts
@@ -58,7 +58,6 @@ export const NARROW_SIDEBAR_WIDTH = 100;
export const ACCESS_CODE_PREFIX = "nk-";
export const LAST_INPUT_KEY = "last-input";
-export const LAST_INPUT_IMAGE_KEY = "last-input-image";
export const UNFINISHED_INPUT = (id: string) => "unfinished-input-" + id;
export const STORAGE_KEY = "chatgpt-next-web";
diff --git a/app/styles/markdown.scss b/app/styles/markdown.scss
index 057c3a4cf..672167d4d 100644
--- a/app/styles/markdown.scss
+++ b/app/styles/markdown.scss
@@ -90,7 +90,7 @@
--color-danger-fg: #f85149;
}
-.markdown-body div {
+.markdown-body {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
@@ -119,18 +119,18 @@
}
}
-.markdown-body div .octicon {
+.markdown-body .octicon {
display: inline-block;
fill: currentColor;
vertical-align: text-bottom;
}
-.markdown-body div h1:hover .anchor .octicon-link:before,
-.markdown-body div h2:hover .anchor .octicon-link:before,
-.markdown-body div h3:hover .anchor .octicon-link:before,
-.markdown-body div h4:hover .anchor .octicon-link:before,
-.markdown-body div h5:hover .anchor .octicon-link:before,
-.markdown-body div h6:hover .anchor .octicon-link:before {
+.markdown-body h1:hover .anchor .octicon-link:before,
+.markdown-body h2:hover .anchor .octicon-link:before,
+.markdown-body h3:hover .anchor .octicon-link:before,
+.markdown-body h4:hover .anchor .octicon-link:before,
+.markdown-body h5:hover .anchor .octicon-link:before,
+.markdown-body h6:hover .anchor .octicon-link:before {
width: 16px;
height: 16px;
content: " ";
@@ -140,41 +140,41 @@
mask-image: url("data:image/svg+xml,");
}
-.markdown-body div details,
-.markdown-body div figcaption,
-.markdown-body div figure {
+.markdown-body details,
+.markdown-body figcaption,
+.markdown-body figure {
display: block;
}
-.markdown-body div summary {
+.markdown-body summary {
display: list-item;
}
-.markdown-body div [hidden] {
+.markdown-body [hidden] {
display: none !important;
}
-.markdown-body div a {
+.markdown-body a {
background-color: transparent;
color: var(--color-accent-fg);
text-decoration: none;
}
-.markdown-body div abbr[title] {
+.markdown-body abbr[title] {
border-bottom: none;
text-decoration: underline dotted;
}
-.markdown-body div b,
-.markdown-body div strong {
+.markdown-body b,
+.markdown-body strong {
font-weight: var(--base-text-weight-semibold, 600);
}
-.markdown-body div dfn {
+.markdown-body dfn {
font-style: italic;
}
-.markdown-body div h1 {
+.markdown-body h1 {
margin: 0.67em 0;
font-weight: var(--base-text-weight-semibold, 600);
padding-bottom: 0.3em;
@@ -182,51 +182,51 @@
border-bottom: 1px solid var(--color-border-muted);
}
-.markdown-body div mark {
+.markdown-body mark {
background-color: var(--color-attention-subtle);
color: var(--color-fg-default);
}
-.markdown-body div small {
+.markdown-body small {
font-size: 90%;
}
-.markdown-body div sub,
-.markdown-body div sup {
+.markdown-body sub,
+.markdown-body sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
-.markdown-body div sub {
+.markdown-body sub {
bottom: -0.25em;
}
-.markdown-body div sup {
+.markdown-body sup {
top: -0.5em;
}
-.markdown-body div img {
+.markdown-body img {
border-style: none;
max-width: 100%;
box-sizing: content-box;
background-color: var(--color-canvas-default);
}
-.markdown-body div code,
-.markdown-body div kbd,
-.markdown-body div pre,
-.markdown-body div samp {
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre,
+.markdown-body samp {
font-family: monospace;
font-size: 1em;
}
-.markdown-body div figure {
+.markdown-body figure {
margin: 1em 40px;
}
-.markdown-body div hr {
+.markdown-body hr {
box-sizing: content-box;
overflow: hidden;
background: transparent;
@@ -238,7 +238,7 @@
border: 0;
}
-.markdown-body div input {
+.markdown-body input {
font: inherit;
margin: 0;
overflow: visible;
@@ -247,59 +247,59 @@
line-height: inherit;
}
-.markdown-body div [type="button"],
-.markdown-body div [type="reset"],
-.markdown-body div [type="submit"] {
+.markdown-body [type="button"],
+.markdown-body [type="reset"],
+.markdown-body [type="submit"] {
-webkit-appearance: button;
}
-.markdown-body div [type="checkbox"],
-.markdown-body div [type="radio"] {
+.markdown-body [type="checkbox"],
+.markdown-body [type="radio"] {
box-sizing: border-box;
padding: 0;
}
-.markdown-body div [type="number"]::-webkit-inner-spin-button,
-.markdown-body div [type="number"]::-webkit-outer-spin-button {
+.markdown-body [type="number"]::-webkit-inner-spin-button,
+.markdown-body [type="number"]::-webkit-outer-spin-button {
height: auto;
}
-.markdown-body div [type="search"]::-webkit-search-cancel-button,
-.markdown-body div [type="search"]::-webkit-search-decoration {
+.markdown-body [type="search"]::-webkit-search-cancel-button,
+.markdown-body [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
-.markdown-body div ::-webkit-input-placeholder {
+.markdown-body ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
-.markdown-body div ::-webkit-file-upload-button {
+.markdown-body ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
-.markdown-body div a:hover {
+.markdown-body a:hover {
text-decoration: underline;
}
-.markdown-body div ::placeholder {
+.markdown-body ::placeholder {
color: var(--color-fg-subtle);
opacity: 1;
}
-.markdown-body div hr::before {
+.markdown-body hr::before {
display: table;
content: "";
}
-.markdown-body div hr::after {
+.markdown-body hr::after {
display: table;
clear: both;
content: "";
}
-.markdown-body div table {
+.markdown-body table {
border-spacing: 0;
border-collapse: collapse;
display: block;
@@ -308,54 +308,54 @@
overflow: auto;
}
-.markdown-body div td,
-.markdown-body div th {
+.markdown-body td,
+.markdown-body th {
padding: 0;
}
-.markdown-body div details summary {
+.markdown-body details summary {
cursor: pointer;
}
-.markdown-body div details:not([open]) > *:not(summary) {
+.markdown-body details:not([open]) > *:not(summary) {
display: none !important;
}
-.markdown-body div a:focus,
-.markdown-body div [role="button"]:focus,
-.markdown-body div input[type="radio"]:focus,
-.markdown-body div input[type="checkbox"]:focus {
+.markdown-body a:focus,
+.markdown-body [role="button"]:focus,
+.markdown-body input[type="radio"]:focus,
+.markdown-body input[type="checkbox"]:focus {
outline: 2px solid var(--color-accent-fg);
outline-offset: -2px;
box-shadow: none;
}
-.markdown-body div a:focus:not(:focus-visible),
-.markdown-body div [role="button"]:focus:not(:focus-visible),
-.markdown-body div input[type="radio"]:focus:not(:focus-visible),
-.markdown-body div input[type="checkbox"]:focus:not(:focus-visible) {
+.markdown-body a:focus:not(:focus-visible),
+.markdown-body [role="button"]:focus:not(:focus-visible),
+.markdown-body input[type="radio"]:focus:not(:focus-visible),
+.markdown-body input[type="checkbox"]:focus:not(:focus-visible) {
outline: solid 1px transparent;
}
-.markdown-body div a:focus-visible,
-.markdown-body div [role="button"]:focus-visible,
-.markdown-body div input[type="radio"]:focus-visible,
-.markdown-body div input[type="checkbox"]:focus-visible {
+.markdown-body a:focus-visible,
+.markdown-body [role="button"]:focus-visible,
+.markdown-body input[type="radio"]:focus-visible,
+.markdown-body input[type="checkbox"]:focus-visible {
outline: 2px solid var(--color-accent-fg);
outline-offset: -2px;
box-shadow: none;
}
-.markdown-body div a:not([class]):focus,
-.markdown-body div a:not([class]):focus-visible,
-.markdown-body div input[type="radio"]:focus,
-.markdown-body div input[type="radio"]:focus-visible,
-.markdown-body div input[type="checkbox"]:focus,
-.markdown-body div input[type="checkbox"]:focus-visible {
+.markdown-body a:not([class]):focus,
+.markdown-body a:not([class]):focus-visible,
+.markdown-body input[type="radio"]:focus,
+.markdown-body input[type="radio"]:focus-visible,
+.markdown-body input[type="checkbox"]:focus,
+.markdown-body input[type="checkbox"]:focus-visible {
outline-offset: 0;
}
-.markdown-body div kbd {
+.markdown-body kbd {
display: inline-block;
padding: 3px 5px;
font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
@@ -370,90 +370,90 @@
box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}
-.markdown-body div h1,
-.markdown-body div h2,
-.markdown-body div h3,
-.markdown-body div h4,
-.markdown-body div h5,
-.markdown-body div h6 {
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
margin-top: 24px;
margin-bottom: 16px;
font-weight: var(--base-text-weight-semibold, 600);
line-height: 1.25;
}
-.markdown-body div h2 {
+.markdown-body h2 {
font-weight: var(--base-text-weight-semibold, 600);
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 1px solid var(--color-border-muted);
}
-.markdown-body div h3 {
+.markdown-body h3 {
font-weight: var(--base-text-weight-semibold, 600);
font-size: 1.25em;
}
-.markdown-body div h4 {
+.markdown-body h4 {
font-weight: var(--base-text-weight-semibold, 600);
font-size: 1em;
}
-.markdown-body div h5 {
+.markdown-body h5 {
font-weight: var(--base-text-weight-semibold, 600);
font-size: 0.875em;
}
-.markdown-body div h6 {
+.markdown-body h6 {
font-weight: var(--base-text-weight-semibold, 600);
font-size: 0.85em;
color: var(--color-fg-muted);
}
-.markdown-body div p {
+.markdown-body p {
margin-top: 0;
margin-bottom: 10px;
}
-.markdown-body div blockquote {
+.markdown-body blockquote {
margin: 0;
padding: 0 1em;
color: var(--color-fg-muted);
border-left: 0.25em solid var(--color-border-default);
}
-.markdown-body div ul,
-.markdown-body div ol {
+.markdown-body ul,
+.markdown-body ol {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
-.markdown-body div ol ol,
-.markdown-body div ul ol {
+.markdown-body ol ol,
+.markdown-body ul ol {
list-style-type: lower-roman;
}
-.markdown-body div ul ul ol,
-.markdown-body div ul ol ol,
-.markdown-body div ol ul ol,
-.markdown-body div ol ol ol {
+.markdown-body ul ul ol,
+.markdown-body ul ol ol,
+.markdown-body ol ul ol,
+.markdown-body ol ol ol {
list-style-type: lower-alpha;
}
-.markdown-body div dd {
+.markdown-body dd {
margin-left: 0;
}
-.markdown-body div tt,
-.markdown-body div code,
-.markdown-body div samp {
+.markdown-body tt,
+.markdown-body code,
+.markdown-body samp {
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
Liberation Mono, monospace;
font-size: 12px;
}
-.markdown-body div pre {
+.markdown-body pre {
margin-top: 0;
margin-bottom: 0;
font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
@@ -462,15 +462,15 @@
word-wrap: normal;
}
-.markdown-body div .octicon {
+.markdown-body .octicon {
display: inline-block;
overflow: visible !important;
vertical-align: text-bottom;
fill: currentColor;
}
-.markdown-body div input::-webkit-outer-spin-button,
-.markdown-body div input::-webkit-inner-spin-button {
+.markdown-body input::-webkit-outer-spin-button,
+.markdown-body input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
appearance: none;
@@ -487,174 +487,174 @@
content: "";
}
-.markdown-body div > *:first-child {
+.markdown-body > *:first-child {
margin-top: 0 !important;
}
-.markdown-body div > *:last-child {
+.markdown-body > *:last-child {
margin-bottom: 0 !important;
}
-.markdown-body div a:not([href]) {
+.markdown-body a:not([href]) {
color: inherit;
text-decoration: none;
}
-.markdown-body div .absent {
+.markdown-body .absent {
color: var(--color-danger-fg);
}
-.markdown-body div .anchor {
+.markdown-body .anchor {
float: left;
padding-right: 4px;
margin-left: -20px;
line-height: 1;
}
-.markdown-body div .anchor:focus {
+.markdown-body .anchor:focus {
outline: none;
}
-.markdown-body div p,
-.markdown-body div blockquote,
-.markdown-body div ul,
-.markdown-body div ol,
-.markdown-body div dl,
-.markdown-body div table,
-.markdown-body div pre,
-.markdown-body div details {
+.markdown-body p,
+.markdown-body blockquote,
+.markdown-body ul,
+.markdown-body ol,
+.markdown-body dl,
+.markdown-body table,
+.markdown-body pre,
+.markdown-body details {
margin-top: 0;
margin-bottom: 16px;
}
-.markdown-body div blockquote > :first-child {
+.markdown-body blockquote > :first-child {
margin-top: 0;
}
-.markdown-body div blockquote > :last-child {
+.markdown-body blockquote > :last-child {
margin-bottom: 0;
}
-.markdown-body div h1 .octicon-link,
-.markdown-body div h2 .octicon-link,
-.markdown-body div h3 .octicon-link,
-.markdown-body div h4 .octicon-link,
-.markdown-body div h5 .octicon-link,
-.markdown-body div h6 .octicon-link {
+.markdown-body h1 .octicon-link,
+.markdown-body h2 .octicon-link,
+.markdown-body h3 .octicon-link,
+.markdown-body h4 .octicon-link,
+.markdown-body h5 .octicon-link,
+.markdown-body h6 .octicon-link {
color: var(--color-fg-default);
vertical-align: middle;
visibility: hidden;
}
-.markdown-body div h1:hover .anchor,
-.markdown-body div h2:hover .anchor,
-.markdown-body div h3:hover .anchor,
-.markdown-body div h4:hover .anchor,
-.markdown-body div h5:hover .anchor,
-.markdown-body div h6:hover .anchor {
+.markdown-body h1:hover .anchor,
+.markdown-body h2:hover .anchor,
+.markdown-body h3:hover .anchor,
+.markdown-body h4:hover .anchor,
+.markdown-body h5:hover .anchor,
+.markdown-body h6:hover .anchor {
text-decoration: none;
}
-.markdown-body div h1:hover .anchor .octicon-link,
-.markdown-body div h2:hover .anchor .octicon-link,
-.markdown-body div h3:hover .anchor .octicon-link,
-.markdown-body div h4:hover .anchor .octicon-link,
-.markdown-body div h5:hover .anchor .octicon-link,
-.markdown-body div h6:hover .anchor .octicon-link {
+.markdown-body h1:hover .anchor .octicon-link,
+.markdown-body h2:hover .anchor .octicon-link,
+.markdown-body h3:hover .anchor .octicon-link,
+.markdown-body h4:hover .anchor .octicon-link,
+.markdown-body h5:hover .anchor .octicon-link,
+.markdown-body h6:hover .anchor .octicon-link {
visibility: visible;
}
-.markdown-body div h1 tt,
-.markdown-body div h1 code,
-.markdown-body div h2 tt,
-.markdown-body div h2 code,
-.markdown-body div h3 tt,
-.markdown-body div h3 code,
-.markdown-body div h4 tt,
-.markdown-body div h4 code,
-.markdown-body div h5 tt,
-.markdown-body div h5 code,
-.markdown-body div h6 tt,
-.markdown-body div h6 code {
+.markdown-body h1 tt,
+.markdown-body h1 code,
+.markdown-body h2 tt,
+.markdown-body h2 code,
+.markdown-body h3 tt,
+.markdown-body h3 code,
+.markdown-body h4 tt,
+.markdown-body h4 code,
+.markdown-body h5 tt,
+.markdown-body h5 code,
+.markdown-body h6 tt,
+.markdown-body h6 code {
padding: 0 0.2em;
font-size: inherit;
}
-.markdown-body div summary h1,
-.markdown-body div summary h2,
-.markdown-body div summary h3,
-.markdown-body div summary h4,
-.markdown-body div summary h5,
-.markdown-body div summary h6 {
+.markdown-body summary h1,
+.markdown-body summary h2,
+.markdown-body summary h3,
+.markdown-body summary h4,
+.markdown-body summary h5,
+.markdown-body summary h6 {
display: inline-block;
}
-.markdown-body div summary h1 .anchor,
-.markdown-body div summary h2 .anchor,
-.markdown-body div summary h3 .anchor,
-.markdown-body div summary h4 .anchor,
-.markdown-body div summary h5 .anchor,
-.markdown-body div summary h6 .anchor {
+.markdown-body summary h1 .anchor,
+.markdown-body summary h2 .anchor,
+.markdown-body summary h3 .anchor,
+.markdown-body summary h4 .anchor,
+.markdown-body summary h5 .anchor,
+.markdown-body summary h6 .anchor {
margin-left: -40px;
}
-.markdown-body div summary h1,
-.markdown-body div summary h2 {
+.markdown-body summary h1,
+.markdown-body summary h2 {
padding-bottom: 0;
border-bottom: 0;
}
-.markdown-body div ul.no-list,
-.markdown-body div ol.no-list {
+.markdown-body ul.no-list,
+.markdown-body ol.no-list {
padding: 0;
list-style-type: none;
}
-.markdown-body div ol[type="a"] {
+.markdown-body ol[type="a"] {
list-style-type: lower-alpha;
}
-.markdown-body div ol[type="A"] {
+.markdown-body ol[type="A"] {
list-style-type: upper-alpha;
}
-.markdown-body div ol[type="i"] {
+.markdown-body ol[type="i"] {
list-style-type: lower-roman;
}
-.markdown-body div ol[type="I"] {
+.markdown-body ol[type="I"] {
list-style-type: upper-roman;
}
-.markdown-body div ol[type="1"] {
+.markdown-body ol[type="1"] {
list-style-type: decimal;
}
-.markdown-body div div > ol:not([type]) {
+.markdown-body div > ol:not([type]) {
list-style-type: decimal;
}
-.markdown-body div ul ul,
-.markdown-body div ul ol,
-.markdown-body div ol ol,
-.markdown-body div ol ul {
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ol,
+.markdown-body ol ul {
margin-top: 0;
margin-bottom: 0;
}
-.markdown-body div li > p {
+.markdown-body li > p {
margin-top: 16px;
}
-.markdown-body div li + li {
+.markdown-body li + li {
margin-top: 0.25em;
}
-.markdown-body div dl {
+.markdown-body dl {
padding: 0;
}
-.markdown-body div dl dt {
+.markdown-body dl dt {
padding: 0;
margin-top: 16px;
font-size: 1em;
@@ -662,54 +662,54 @@
font-weight: var(--base-text-weight-semibold, 600);
}
-.markdown-body div dl dd {
+.markdown-body dl dd {
padding: 0 16px;
margin-bottom: 16px;
}
-.markdown-body div table th {
+.markdown-body table th {
font-weight: var(--base-text-weight-semibold, 600);
}
-.markdown-body div table th,
-.markdown-body div table td {
+.markdown-body table th,
+.markdown-body table td {
padding: 6px 13px;
border: 1px solid var(--color-border-default);
}
-.markdown-body div table tr {
+.markdown-body table tr {
background-color: var(--color-canvas-default);
border-top: 1px solid var(--color-border-muted);
}
-.markdown-body div table tr:nth-child(2n) {
+.markdown-body table tr:nth-child(2n) {
background-color: var(--color-canvas-subtle);
}
-.markdown-body div table img {
+.markdown-body table img {
background-color: transparent;
}
-.markdown-body div img[align="right"] {
+.markdown-body img[align="right"] {
padding-left: 20px;
}
-.markdown-body div img[align="left"] {
+.markdown-body img[align="left"] {
padding-right: 20px;
}
-.markdown-body div .emoji {
+.markdown-body .emoji {
max-width: none;
vertical-align: text-top;
background-color: transparent;
}
-.markdown-body div span.frame {
+.markdown-body span.frame {
display: block;
overflow: hidden;
}
-.markdown-body div span.frame > span {
+.markdown-body span.frame > span {
display: block;
float: left;
width: auto;
@@ -719,81 +719,81 @@
border: 1px solid var(--color-border-default);
}
-.markdown-body div span.frame span img {
+.markdown-body span.frame span img {
display: block;
float: left;
}
-.markdown-body div span.frame span span {
+.markdown-body span.frame span span {
display: block;
padding: 5px 0 0;
clear: both;
color: var(--color-fg-default);
}
-.markdown-body div span.align-center {
+.markdown-body span.align-center {
display: block;
overflow: hidden;
clear: both;
}
-.markdown-body div span.align-center > span {
+.markdown-body span.align-center > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: center;
}
-.markdown-body div span.align-center span img {
+.markdown-body span.align-center span img {
margin: 0 auto;
text-align: center;
}
-.markdown-body div span.align-right {
+.markdown-body span.align-right {
display: block;
overflow: hidden;
clear: both;
}
-.markdown-body div span.align-right > span {
+.markdown-body span.align-right > span {
display: block;
margin: 13px 0 0;
overflow: hidden;
text-align: right;
}
-.markdown-body div span.align-right span img {
+.markdown-body span.align-right span img {
margin: 0;
text-align: right;
}
-.markdown-body div span.float-left {
+.markdown-body span.float-left {
display: block;
float: left;
margin-right: 13px;
overflow: hidden;
}
-.markdown-body div span.float-left span {
+.markdown-body span.float-left span {
margin: 13px 0 0;
}
-.markdown-body div span.float-right {
+.markdown-body span.float-right {
display: block;
float: right;
margin-left: 13px;
overflow: hidden;
}
-.markdown-body div span.float-right > span {
+.markdown-body span.float-right > span {
display: block;
margin: 13px auto 0;
overflow: hidden;
text-align: right;
}
-.markdown-body div code,
-.markdown-body div tt {
+.markdown-body code,
+.markdown-body tt {
padding: 0.2em 0.4em;
margin: 0;
font-size: 85%;
@@ -802,24 +802,24 @@
border-radius: 6px;
}
-.markdown-body div code br,
-.markdown-body div tt br {
+.markdown-body code br,
+.markdown-body tt br {
display: none;
}
-.markdown-body div del code {
+.markdown-body del code {
text-decoration: inherit;
}
-.markdown-body div samp {
+.markdown-body samp {
font-size: 85%;
}
-.markdown-body div pre code {
+.markdown-body pre code {
font-size: 100%;
}
-.markdown-body div pre > code {
+.markdown-body pre > code {
padding: 0;
margin: 0;
word-break: normal;
@@ -828,17 +828,17 @@
border: 0;
}
-.markdown-body div .highlight {
+.markdown-body .highlight {
margin-bottom: 16px;
}
-.markdown-body div .highlight pre {
+.markdown-body .highlight pre {
margin-bottom: 0;
word-break: normal;
}
-.markdown-body div .highlight pre,
-.markdown-body div pre {
+.markdown-body .highlight pre,
+.markdown-body pre {
padding: 16px 16px 8px 16px;
overflow: auto;
font-size: 85%;
@@ -847,8 +847,8 @@
direction: ltr;
}
-.markdown-body div pre code,
-.markdown-body div pre tt {
+.markdown-body pre code,
+.markdown-body pre tt {
display: inline-block;
max-width: 100%;
padding: 0;
@@ -860,8 +860,8 @@
border: 0;
}
-.markdown-body div .csv-data td,
-.markdown-body div .csv-data th {
+.markdown-body .csv-data td,
+.markdown-body .csv-data th {
padding: 5px;
overflow: hidden;
font-size: 12px;
@@ -870,52 +870,52 @@
white-space: nowrap;
}
-.markdown-body div .csv-data .blob-num {
+.markdown-body .csv-data .blob-num {
padding: 10px 8px 9px;
text-align: right;
background: var(--color-canvas-default);
border: 0;
}
-.markdown-body div .csv-data tr {
+.markdown-body .csv-data tr {
border-top: 0;
}
-.markdown-body div .csv-data th {
+.markdown-body .csv-data th {
font-weight: var(--base-text-weight-semibold, 600);
background: var(--color-canvas-subtle);
border-top: 0;
}
-.markdown-body div [data-footnote-ref]::before {
+.markdown-body [data-footnote-ref]::before {
content: "[";
}
-.markdown-body div [data-footnote-ref]::after {
+.markdown-body [data-footnote-ref]::after {
content: "]";
}
-.markdown-body div .footnotes {
+.markdown-body .footnotes {
font-size: 12px;
color: var(--color-fg-muted);
border-top: 1px solid var(--color-border-default);
}
-.markdown-body div .footnotes ol {
+.markdown-body .footnotes ol {
padding-left: 16px;
}
-.markdown-body div .footnotes ol ul {
+.markdown-body .footnotes ol ul {
display: inline-block;
padding-left: 16px;
margin-top: 16px;
}
-.markdown-body div .footnotes li {
+.markdown-body .footnotes li {
position: relative;
}
-.markdown-body div .footnotes li:target::before {
+.markdown-body .footnotes li:target::before {
position: absolute;
top: -8px;
right: -8px;
@@ -927,135 +927,135 @@
border-radius: 6px;
}
-.markdown-body div .footnotes li:target {
+.markdown-body .footnotes li:target {
color: var(--color-fg-default);
}
-.markdown-body div .footnotes .data-footnote-backref g-emoji {
+.markdown-body .footnotes .data-footnote-backref g-emoji {
font-family: monospace;
}
-.markdown-body div .pl-c {
+.markdown-body .pl-c {
color: var(--color-prettylights-syntax-comment);
}
-.markdown-body div .pl-c1,
-.markdown-body div .pl-s .pl-v {
+.markdown-body .pl-c1,
+.markdown-body .pl-s .pl-v {
color: var(--color-prettylights-syntax-constant);
}
-.markdown-body div .pl-e,
-.markdown-body div .pl-en {
+.markdown-body .pl-e,
+.markdown-body .pl-en {
color: var(--color-prettylights-syntax-entity);
}
-.markdown-body div .pl-smi,
-.markdown-body div .pl-s .pl-s1 {
+.markdown-body .pl-smi,
+.markdown-body .pl-s .pl-s1 {
color: var(--color-prettylights-syntax-storage-modifier-import);
}
-.markdown-body div .pl-ent {
+.markdown-body .pl-ent {
color: var(--color-prettylights-syntax-entity-tag);
}
-.markdown-body div .pl-k {
+.markdown-body .pl-k {
color: var(--color-prettylights-syntax-keyword);
}
-.markdown-body div .pl-s,
-.markdown-body div .pl-pds,
-.markdown-body div .pl-s .pl-pse .pl-s1,
-.markdown-body div .pl-sr,
-.markdown-body div .pl-sr .pl-cce,
-.markdown-body div .pl-sr .pl-sre,
-.markdown-body div .pl-sr .pl-sra {
+.markdown-body .pl-s,
+.markdown-body .pl-pds,
+.markdown-body .pl-s .pl-pse .pl-s1,
+.markdown-body .pl-sr,
+.markdown-body .pl-sr .pl-cce,
+.markdown-body .pl-sr .pl-sre,
+.markdown-body .pl-sr .pl-sra {
color: var(--color-prettylights-syntax-string);
}
-.markdown-body div .pl-v,
-.markdown-body div .pl-smw {
+.markdown-body .pl-v,
+.markdown-body .pl-smw {
color: var(--color-prettylights-syntax-variable);
}
-.markdown-body div .pl-bu {
+.markdown-body .pl-bu {
color: var(--color-prettylights-syntax-brackethighlighter-unmatched);
}
-.markdown-body div .pl-ii {
+.markdown-body .pl-ii {
color: var(--color-prettylights-syntax-invalid-illegal-text);
background-color: var(--color-prettylights-syntax-invalid-illegal-bg);
}
-.markdown-body div .pl-c2 {
+.markdown-body .pl-c2 {
color: var(--color-prettylights-syntax-carriage-return-text);
background-color: var(--color-prettylights-syntax-carriage-return-bg);
}
-.markdown-body div .pl-sr .pl-cce {
+.markdown-body .pl-sr .pl-cce {
font-weight: bold;
color: var(--color-prettylights-syntax-string-regexp);
}
-.markdown-body div .pl-ml {
+.markdown-body .pl-ml {
color: var(--color-prettylights-syntax-markup-list);
}
-.markdown-body div .pl-mh,
-.markdown-body div .pl-mh .pl-en,
-.markdown-body div .pl-ms {
+.markdown-body .pl-mh,
+.markdown-body .pl-mh .pl-en,
+.markdown-body .pl-ms {
font-weight: bold;
color: var(--color-prettylights-syntax-markup-heading);
}
-.markdown-body div .pl-mi {
+.markdown-body .pl-mi {
font-style: italic;
color: var(--color-prettylights-syntax-markup-italic);
}
-.markdown-body div .pl-mb {
+.markdown-body .pl-mb {
font-weight: bold;
color: var(--color-prettylights-syntax-markup-bold);
}
-.markdown-body div .pl-md {
+.markdown-body .pl-md {
color: var(--color-prettylights-syntax-markup-deleted-text);
background-color: var(--color-prettylights-syntax-markup-deleted-bg);
}
-.markdown-body div .pl-mi1 {
+.markdown-body .pl-mi1 {
color: var(--color-prettylights-syntax-markup-inserted-text);
background-color: var(--color-prettylights-syntax-markup-inserted-bg);
}
-.markdown-body div .pl-mc {
+.markdown-body .pl-mc {
color: var(--color-prettylights-syntax-markup-changed-text);
background-color: var(--color-prettylights-syntax-markup-changed-bg);
}
-.markdown-body div .pl-mi2 {
+.markdown-body .pl-mi2 {
color: var(--color-prettylights-syntax-markup-ignored-text);
background-color: var(--color-prettylights-syntax-markup-ignored-bg);
}
-.markdown-body div .pl-mdr {
+.markdown-body .pl-mdr {
font-weight: bold;
color: var(--color-prettylights-syntax-meta-diff-range);
}
-.markdown-body div .pl-ba {
+.markdown-body .pl-ba {
color: var(--color-prettylights-syntax-brackethighlighter-angle);
}
-.markdown-body div .pl-sg {
+.markdown-body .pl-sg {
color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}
-.markdown-body div .pl-corl {
+.markdown-body .pl-corl {
text-decoration: underline;
color: var(--color-prettylights-syntax-constant-other-reference-link);
}
-.markdown-body div g-emoji {
+.markdown-body g-emoji {
display: inline-block;
min-width: 1ch;
font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -1066,45 +1066,45 @@
vertical-align: -0.075em;
}
-.markdown-body div g-emoji img {
+.markdown-body g-emoji img {
width: 1em;
height: 1em;
}
-.markdown-body div .task-list-item {
+.markdown-body .task-list-item {
list-style-type: none;
}
-.markdown-body div .task-list-item label {
+.markdown-body .task-list-item label {
font-weight: var(--base-text-weight-normal, 400);
}
-.markdown-body div .task-list-item.enabled label {
+.markdown-body .task-list-item.enabled label {
cursor: pointer;
}
-.markdown-body div .task-list-item + .task-list-item {
+.markdown-body .task-list-item + .task-list-item {
margin-top: 4px;
}
-.markdown-body div .task-list-item .handle {
+.markdown-body .task-list-item .handle {
display: none;
}
-.markdown-body div .task-list-item-checkbox {
+.markdown-body .task-list-item-checkbox {
margin: 0 0.2em 0.25em -1.4em;
vertical-align: middle;
}
-.markdown-body div .contains-task-list:dir(rtl) .task-list-item-checkbox {
+.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
-.markdown-body div .contains-task-list {
+.markdown-body .contains-task-list {
position: relative;
}
-.markdown-body div .contains-task-list:hover .task-list-item-convert-container,
+.markdown-body .contains-task-list:hover .task-list-item-convert-container,
.markdown-body
.contains-task-list:focus-within
.task-list-item-convert-container {
@@ -1115,11 +1115,11 @@
clip: auto;
}
-.markdown-body div ::-webkit-calendar-picker-indicator {
+.markdown-body ::-webkit-calendar-picker-indicator {
filter: invert(50%);
}
-.markdown-body div .mermaid {
+.markdown-body .mermaid {
border: var(--border-in-light);
margin-bottom: 10px;
border-radius: 4px;