fix: 🐛 更新样式

maqi1520 · Nov 2, 2023 · abb1295 · abb1295
1 parent a4b2716
commit abb1295
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/data/blog/Vercel 推出数据库存储服务，助力全栈开发.md b/data/blog/Vercel 推出数据库存储服务，助力全栈开发.md
@@ -10,10 +10,6 @@ authors: ['default']
 layout: PostLayout
 ---
 
----
-
-## highlight: monokai-sublime
-
 Vercel 是一个流行的 React.js、Next.js 等前端应用部署平台，我们可以一键将 Github 上的应用部署上线，但它缺少一个重要部分：数据库。不过现在已经有了四种新数据库可供选择。
 
 数据是 Web 应用中不可或缺的一部分，在这之前我们可以配合使用 Heroku 的数据库服务，但后来 Heroku 收费，不再提供免费的数据库，社区中也一直寻找免费试用的数据库方案，现在我们可以直接选择 Vercel 来上线一个动态网站， 并且使用 JavaScript 和 TypeScript 框架服务端渲染实时数据会比以往任何时候都更容易。
@@ -32,7 +28,7 @@ Vercel 是一个流行的 React.js、Next.js 等前端应用部署平台，我
 
 **使用示例**
 
-```js
+```js:title:test.js
 import kv from '@vercel/kv'
 
 export async function getPrefs() {

diff --git a/src/css/prism.css b/src/css/prism.css
@@ -7,11 +7,25 @@
 
 /* Code title styles */
 .remark-code-title {
-  @apply rounded-t bg-gray-700 px-5 py-3 font-mono text-sm font-bold text-gray-200;
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+  background-color: rgb(55 65 81);
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+    'Courier New', monospace;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 700;
+  color: rgb(229 231 235);
 }
 
 .remark-code-title + div > pre {
-  @apply mt-0 rounded-t-none;
+  margin-top: 0px;
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
 }
 
 /* Code block styles */