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(); 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 { }
height: 5px; /* 隐藏原有的滚动条，美化自定义滚动条 */
} pre::-webkit-scrollbar {
pre::-webkit-scrollbar-thumb { height: 5px;
background: #374151; }
border-radius: 10px; pre::-webkit-scrollbar-thumb {
} background: #374151;
</style> border-radius: 10px;
}
</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>