fix markdown bg and text colors
This commit is contained in:
parent
2b7b13a99f
commit
e374d5ba61
|
@ -26,10 +26,10 @@ const PDFPreview: FunctionComponent<{ file: any }> = ({ file }) => {
|
|||
return (
|
||||
<>
|
||||
<div
|
||||
className="flex flex-col bg-white dark:bg-gray-900 rounded shadow md:p-3 w-full overflow-scroll"
|
||||
className="flex flex-col bg-white dark:bg-gray-900 rounded shadow md:p-3 w-full overflow-scroll no-scrollbar"
|
||||
style={{ maxHeight: '90vh' }}
|
||||
>
|
||||
<div className="w-full flex-1 overflow-scroll" ref={pdfContainter} style={{ maxHeight: '80vh' }}>
|
||||
<div className="w-full flex-1 overflow-scroll no-scrollbar" ref={pdfContainter} style={{ maxHeight: '80vh' }}>
|
||||
<Document
|
||||
className="bg-gray-100 dark:bg-gray-800"
|
||||
file={file['@microsoft.graph.downloadUrl']}
|
||||
|
|
|
@ -27,7 +27,7 @@ const TextPreview: FunctionComponent<{ file: any }> = ({ file }) => {
|
|||
|
||||
return (
|
||||
<>
|
||||
<div className="shadow bg-white dark:bg-gray-900 rounded p-3">
|
||||
<div className="shadow bg-white dark:bg-gray-900 dark:text-gray-100 rounded p-3">
|
||||
<pre className="p-0 md:p-3 overflow-scroll">{data}</pre>
|
||||
</div>
|
||||
<div className="mt-4">
|
||||
|
|
|
@ -990,8 +990,10 @@
|
|||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.markdown-body {
|
||||
color: #c9d1d9;
|
||||
background-color: #0d1117;
|
||||
/* color: #c9d1d9; */
|
||||
/* background-color: #0d1117; */
|
||||
color: #F3F4F6;
|
||||
background-color: #18181B;
|
||||
}
|
||||
.markdown-body a {
|
||||
color: #58a6ff;
|
||||
|
|
Loading…
Reference in a new issue