diff --git a/src/renderer/src/assets/styles/markdown.scss b/src/renderer/src/assets/styles/markdown.scss index 3ad138338d..b5c2ee17d1 100644 --- a/src/renderer/src/assets/styles/markdown.scss +++ b/src/renderer/src/assets/styles/markdown.scss @@ -1,8 +1,10 @@ .markdown { color: var(--color-text); - line-height: 1.6; + line-height: 2; user-select: text; word-break: break-word; + letter-spacing: 0.02em; + word-spacing: 0.05em; h1:first-child, h2:first-child, @@ -19,12 +21,14 @@ h4, h5, h6 { - margin: 1em 0 1em 0; + margin: 2em 0 1em 0; + line-height: 1.3; font-weight: bold; font-family: var(--font-family); } h1 { + margin-top: 0; font-size: 2em; border-bottom: 0.5px solid var(--color-border); padding-bottom: 0.3em; @@ -53,9 +57,9 @@ } p { - margin: 1em 0; + margin: 1.3em 0; white-space: pre-wrap; - line-height: 2em; + text-align: justify; &:last-child { margin-bottom: 5px; @@ -150,16 +154,19 @@ } blockquote { - margin: 1em 0; - padding-left: 1em; - color: var(--color-text-light); - border-left: 4px solid var(--color-border); - font-family: var(--font-family); + margin: 1.5em 0; + padding: 1em 1.5em; + background-color: var(--color-background-soft); + border-left: 4px solid var(--color-primary); + border-radius: 0 8px 8px 0; + font-style: italic; + position: relative; } table { --table-border-radius: 8px; - margin: 1em 0; + margin: 2em 0; + font-size: 0.9em; width: 100%; border-radius: var(--table-border-radius); overflow: hidden; @@ -184,8 +191,13 @@ th { background-color: var(--color-background-mute); - font-weight: bold; + font-weight: 600; font-family: var(--font-family); + text-align: left; + } + + tr:hover { + background-color: var(--color-background-soft); } img {