gaoyunchuan/wxmp
1
0
Fork 0
mirror of https://github.com/jaywcjlove/wxmp.git synced 2026-01-10 15:28:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: modify theme style.

Browse Source
This commit is contained in:
jaywcjlove
2022-09-03 13:33:25 +08:00
parent f245c33973
commit 3bf313ffc3
7 changed files with 54 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Layout.tsx
View File

@@ -51,6 +51,7 @@ const Section = styled.section`
font-size: 1.05rem;
display: block;
line-height: 12px;
margin-left: 0.6rem;
}
a svg {
display: block;

2
src/pages/home/Preview.tsx
View File

@@ -15,5 +15,5 @@ const Warpper = styled.div`
export const Preview = (props: MarkdownPreviewProps) => {
const { css } = useContext(Context);
const html = markdownToHTML(props.source || '', css);
return <Warpper contentEditable dangerouslySetInnerHTML={{ __html: html }} />;
return <Warpper contentEditable spellCheck={false} dangerouslySetInnerHTML={{ __html: html }} />;
};

2
src/pages/theme/Preview.tsx
View File

@@ -15,5 +15,5 @@ const Warpper = styled.div`
export const Preview = (props: MarkdownPreviewProps) => {
const { css, markdown } = useContext(Context);
const html = markdownToHTML(markdown, css);
return <Warpper contentEditable dangerouslySetInnerHTML={{ __html: html }} />;
return <Warpper contentEditable spellCheck={false} dangerouslySetInnerHTML={{ __html: html }} />;
};

14
src/themes/base.md.css
View File

@@ -6,16 +6,28 @@ a {
h1 {
color: inherit;
font-size: 1.5rem;
font-weight: bold;
}
h2 {
color: inherit;
margin: 2.5rem 0 1rem 0;
font-size: 1.3em;
font-weight: bold;
}
h3 {
color: inherit;
margin: 2rem 0 1rem 0;
margin: 1em 0 1em 0;
font-weight: bold;
font-size: 1em;
}
h4 {
color: inherit;
margin: 0.6em 0 0.6em 0;
font-weight: bold;
font-size: 0.9em;
}
p {

33
src/themes/default.md.css
View File

@@ -1,7 +1,7 @@
a {
color: #576b95;
text-decoration: none;
font-size: 14px;
font-size: 0.85em;
}
h1 {
@@ -11,7 +11,7 @@ h1 {
line-height: 1.75;
font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
font-size: 1.2em;
font-size: 1em;
font-weight: bold;
margin: 2em auto 1em;
padding: 0 1em;
@@ -26,16 +26,16 @@ h2 {
line-height: 1.75;
font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
font-size: 1.2em;
font-size: 1.3em;
font-weight: bold;
margin: 4em auto 2em;
padding: 0 0.3em;
border-radius: 0.3rem;
border-radius: 0.3em;
background: #009874;
}
p {
font-size: 14px;
font-size: 0.85em;
}
h3 {
@@ -53,19 +53,17 @@ h3 {
ul {
padding-left: 1.2em;
font-size: 14px;
}
ol {
padding-left: 1.2em;
font-size: 14px;
}
li {
margin: 0;
line-height: 26px;
line-height: 1.5em;
color: rgb(30 41 59);
font-size: 14px;
font-size: 0.85em;
}
blockquote {
@@ -73,7 +71,7 @@ blockquote {
line-height: 1.75;
font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
font-size: 14px;
font-size: 0.85em;
font-style: normal;
border-left: none;
padding: 0.1rem 1rem;
@@ -88,7 +86,6 @@ pre {
padding: 1em;
color: rgb(51, 51, 51);
background: rgb(248, 248, 248);
font-size: 14px;
font-style: normal;
font-variant-ligatures: normal;
font-variant-caps: normal;
@@ -114,7 +111,7 @@ table {
width: 100% !important;
border-collapse: collapse;
line-height: 1.35;
font-size: 90%;
font-size: 0.85em;
}
td {
@@ -132,7 +129,7 @@ th {
text-align: left;
line-height: 1.75;
font-family: Menlo, 'Operator Mono', Consolas, Monaco, monospace;
font-size: 14px;
font-size: 0.85em;
margin: 0px;
white-space: nowrap;
}
@@ -148,20 +145,20 @@ th {
white-space: pre;
color: #009874;
background: rgba(27, 31, 35, 0.05);
padding: 0.2rem 0.3rem;
padding: 0.2em 0.3em;
border-radius: 4px;
font-weight: bold;
font-size: 14px;
font-size: 0.85em;
}
.footnotes-title {
display: table;
font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
font-size: 1rem;
font-size: 1em;
font-weight: bold;
margin: 3rem 0 0.6rem 0;
padding-left: 0.2rem;
margin: 3em 0 0.6em 0;
padding-left: 0.2em;
}
.footnotes-list {

25
src/themes/simple.md.css
View File

@@ -1,7 +1,7 @@
a {
color: #576b95;
text-decoration: none;
font-size: 14px;
font-size: 0.85em;
}
h1 {
@@ -35,7 +35,7 @@ h2 {
}
p {
font-size: 14px;
font-size: 0.85em;
}
h3 {
@@ -53,19 +53,17 @@ h3 {
ul {
padding-left: 1.2em;
font-size: 14px;
}
ol {
padding-left: 1.2em;
font-size: 14px;
}
li {
margin: 0;
line-height: 26px;
line-height: 1.5em;
color: rgb(30 41 59);
font-size: 14px;
font-size: 0.85em;
}
blockquote {
@@ -73,7 +71,7 @@ blockquote {
line-height: 1.75;
font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
font-size: 14px;
font-size: 0.85em;
font-style: normal;
border-left: none;
padding: 0.1rem 1rem;
@@ -88,7 +86,6 @@ pre {
padding: 1em;
color: rgb(51, 51, 51);
background: rgb(248, 248, 248);
font-size: 14px;
font-style: normal;
font-variant-ligatures: normal;
font-variant-caps: normal;
@@ -114,7 +111,7 @@ table {
width: 100% !important;
border-collapse: collapse;
line-height: 1.35;
font-size: 90%;
font-size: 0.85em;
}
td {
@@ -132,7 +129,7 @@ th {
text-align: left;
line-height: 1.75;
font-family: Menlo, 'Operator Mono', Consolas, Monaco, monospace;
font-size: 14px;
font-size: 0.85em;
margin: 0px;
white-space: nowrap;
}
@@ -151,17 +148,17 @@ th {
padding: 0.2rem 0.3rem;
border-radius: 4px;
font-weight: bold;
font-size: 14px;
font-size: 0.85em;
}
.footnotes-title {
display: table;
font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
font-size: 1rem;
font-size: 1em;
font-weight: bold;
margin: 3rem 0 0.6rem 0;
padding-left: 0.2rem;
margin: 3em 0 0.6em 0;
padding-left: 0.2em;
}
.footnotes-list {

27
src/themes/underscore.md.css
View File

@@ -1,7 +1,7 @@
a {
color: #576b95;
text-decoration: none;
font-size: 14px;
font-size: 0.85em;
}
h1 {
@@ -32,7 +32,7 @@ h2 {
}
p {
font-size: 14px;
font-size: 0.85em;
}
h3 {
@@ -50,19 +50,17 @@ h3 {
ul {
padding-left: 1.2em;
font-size: 14px;
}
ol {
padding-left: 1.2em;
font-size: 14px;
}
li {
margin: 0;
line-height: 26px;
line-height: 1.5em;
color: rgb(30 41 59);
font-size: 14px;
font-size: 0.85em;
}
blockquote {
@@ -70,7 +68,7 @@ blockquote {
line-height: 1.75;
font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
font-size: 14px;
font-size: 0.85em;
font-style: normal;
border-left: none;
padding: 0.1rem 1rem;
@@ -85,7 +83,6 @@ pre {
padding: 1em;
color: rgb(51, 51, 51);
background: rgb(248, 248, 248);
font-size: 14px;
font-style: normal;
font-variant-ligatures: normal;
font-variant-caps: normal;
@@ -111,7 +108,7 @@ table {
width: 100% !important;
border-collapse: collapse;
line-height: 1.35;
font-size: 90%;
font-size: 0.85em;
}
td {
@@ -129,7 +126,7 @@ th {
text-align: left;
line-height: 1.75;
font-family: Menlo, 'Operator Mono', Consolas, Monaco, monospace;
font-size: 14px;
font-size: 0.85em;
margin: 0px;
white-space: nowrap;
}
@@ -145,20 +142,20 @@ th {
white-space: pre;
color: #ffb11b;
background: rgba(27, 31, 35, 0.05);
padding: 0.2rem 0.3rem;
padding: 0.2em 0.3em;
border-radius: 4px;
font-weight: bold;
font-size: 14px;
font-size: 0.85em;
}
.footnotes-title {
display: table;
font-family: -apple-system-font, BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB',
'Microsoft YaHei UI', 'Microsoft YaHei', Arial, sans-serif;
font-size: 1rem;
font-size: 1em;
font-weight: bold;
margin: 3rem 0 0.6rem 0;
padding-left: 0.2rem;
margin: 3em 0 0.6em 0;
padding-left: 0.2em;
}
.footnotes-list {