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

8
src/components/CodeBlockHelper.astro
View File

@ -55,10 +55,12 @@
upgradeCodeBlocks(); upgradeCodeBlocks();
</script> </script>
<style is:global> <style is:global>
/* 优化代码块圆角与阴影 */ /* 优化代码块圆角与阴影 */
pre { pre {
@apply rounded-xl shadow-2xl border border-gray-800/50 !important; 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 { pre::-webkit-scrollbar {
@ -68,4 +70,4 @@
background: #374151; background: #374151;
border-radius: 10px; border-radius: 10px;
} }
</style> </style>

2
src/layouts/BaseLayout.astro
View File

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