63 lines
1.5 KiB
Plaintext
63 lines
1.5 KiB
Plaintext
---
|
|
export interface Props {
|
|
children: any;
|
|
}
|
|
import '../styles/global.css';
|
|
import '../styles/theme.css';
|
|
import 'github-markdown-css/github-markdown-light.css';
|
|
|
|
export interface Props {
|
|
title?: string;
|
|
description?: string;
|
|
lang?: string;
|
|
charset?: string;
|
|
}
|
|
|
|
const { title = 'Light Code', description = 'A lightweight code editor', lang = 'zh-CN', charset = 'UTF-8' } = Astro.props;
|
|
---
|
|
|
|
<html lang='zh-CN'>
|
|
<head>
|
|
<meta charset='UTF-8' />
|
|
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
|
|
<title>Docs</title>
|
|
<link
|
|
rel='stylesheet'
|
|
href='https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.8.1/github-markdown-light.min.css'
|
|
integrity='sha512-X175XRJAO6PHAUi8AA7GP8uUF5Wiv+w9bOi64i02CHKDQBsO1yy0jLSKaUKg/NhRCDYBmOLQCfKaTaXiyZlLrw=='
|
|
crossorigin='anonymous'
|
|
referrerpolicy='no-referrer'
|
|
/>
|
|
<style>
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<slot name='header' />
|
|
</div>
|
|
<main class='p-2 flex-1 overflow-hidden'>
|
|
<div class='markdown-body h-full scrollbar border-gray-200 overflow-auto px-6 py-2 w-[800px] border my-4 rounded-md shadow-md'>
|
|
<slot />
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<slot name='footer'>
|
|
<p>Copyrignt © 2025</p>
|
|
</slot>
|
|
</footer>
|
|
</body>
|
|
</html>
|