diff --git a/app/assets/scss/markdown/green.scss b/app/assets/scss/markdown/green.scss index 55b310b..25081a2 100644 --- a/app/assets/scss/markdown/green.scss +++ b/app/assets/scss/markdown/green.scss @@ -22,7 +22,7 @@ } .markdown-body { --color-base: #ef4444; - --markdown-bg: white; + --markdown-bg: transparent; --color-bg: #ff47479c; --color-light: #ef44441a; --color-extra: rgba(239, 68, 68, 0.3); @@ -31,7 +31,13 @@ .markdown-body.green { background-color: var(--markdown-bg); - @apply p-3 lg:p-6; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); + border-radius: 10px; + padding: 1.6em; + @media screen and (max-width: 768px) { + padding: 0; + box-shadow: none; + } strong { &::before{ @@ -132,10 +138,9 @@ } } - // 由prism.scss处理了 pre { - background: var(--prism-background); - font-size: var(--prism-font-size); + background: #f7f7f7; + font-size: 0.95em; // /* border: 1px solid #ddd; */ // padding: 1em 1.5em; display: block; @@ -144,7 +149,7 @@ pre, pre code { - font-family: var(--prism-font-family); + font-family: "JetBrains Mono", "Fira Code", Consolas, monospace; } // /* 底部印刷体、版本等标记 */ @@ -195,6 +200,33 @@ margin: 0; } } + + /* 代码块整体 */ + pre { + background: #f7f7f7; /* One Dark 背景 */ + color: #333; /* 文字色 */ + border-radius: 10px; /* 圆角 */ + padding: 1.2rem; + margin: 1rem 0; + overflow-x: auto; /* 长代码横向滚动 */ + box-shadow: 0 2px 8px rgba(0,0,0,0.15); + font-family: "JetBrains Mono", "Fira Code", Consolas, monospace; + font-size: 0.95em; + line-height: 1.5; + } + + /* 行内代码 `code` */ + code { + background: #f0f0f0; + color: #d73a49; + padding: 2px 6px; + border-radius: 4px; + } + pre code { + background: transparent; + padding: 0; + color: inherit; + } table { width: 100%; display: table; diff --git a/app/pages/me/posts/[id].vue b/app/pages/me/posts/[id].vue index eaf4f3e..8aa1933 100644 --- a/app/pages/me/posts/[id].vue +++ b/app/pages/me/posts/[id].vue @@ -149,9 +149,9 @@ const shareUrl = computed(() => { 返回列表 - + diff --git a/app/pages/me/posts/new.vue b/app/pages/me/posts/new.vue index 96a8c81..4fcf864 100644 --- a/app/pages/me/posts/new.vue +++ b/app/pages/me/posts/new.vue @@ -83,9 +83,9 @@ async function submit() { 返回列表 - + diff --git a/packages/drizzle-pkg/db.sqlite b/packages/drizzle-pkg/db.sqlite index ba487d8..d3823f1 100644 Binary files a/packages/drizzle-pkg/db.sqlite and b/packages/drizzle-pkg/db.sqlite differ