<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cherry Markdown Client</title>
<style>
.markdown-preview-only .cherry-toolbar {
display: none;
}
.cherry-highlight-line {
background-color: var(--base-previewer-bg) !important;
}
.cherry-toolbar-pen.active {
color: var(--bubble-border) !important;
}
.cherry-sidebar {
display: block !important;
top: 0 !important;
padding-top: 52px !important;
height: auto !important;
}
.cherry-flex-toc {
top: 216px !important;
}
.markdown-preview-only .cherry-editor {
display: none;
}
.markdown-preview-only .cherry-previewer {
width: 100% !important;
max-height: 100% !important;
display: block !important;
}
body {
border-top: 1px dashed #00000033;
}
</style>
<style>
body {
margin: 0;
padding: 0;
height: 100vh;
overflow: hidden;
}
</style>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>