KennethCheng/llm_log_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 全局启用代码块复制按钮与语言标签功能

Browse Source
This commit is contained in:
kennethcheng 2026-04-27 15:06:54 +08:00
parent 5e9220302c
commit fdafeb736f
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/CodeBlockHelper.astro
View File

@ -55,17 +55,19 @@
upgradeCodeBlocks();
</script>
<style is:global>
/* 优化代码块圆角与阴影 */
pre {
@apply rounded-xl shadow-2xl border border-gray-800/50 !important;
}
/* 隐藏原有的滚动条，美化自定义滚动条 */
pre::-webkit-scrollbar {
height: 5px;
}
pre::-webkit-scrollbar-thumb {
background: #374151;
border-radius: 10px;
}
</style>
<style is:global>
/* 优化代码块圆角与阴影 */
pre {
border-radius: 0.75rem;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(55, 65, 81, 0.5);
}
/* 隐藏原有的滚动条，美化自定义滚动条 */
pre::-webkit-scrollbar {
height: 5px;
}
pre::-webkit-scrollbar-thumb {
background: #374151;
border-radius: 10px;
}
</style>

2
src/layouts/BaseLayout.astro
View File

@ -1,6 +1,7 @@
---
import '../styles/global.css';
import Sidebar from '../components/Sidebar.astro';
import CodeBlockHelper from '../components/CodeBlockHelper.astro';
const { title } = Astro.props;
---
<html lang="zh-CN">
@ -16,5 +17,6 @@ const { title } = Astro.props;
<slot />
</main>
</div>
<CodeBlockHelper />
</body>
</html>