feat(styles): add GitHub markdown CSS and responsive styling for markdown content

This commit is contained in:
cfngc4594 2025-02-20 15:50:08 +08:00
parent 1f2394576b
commit e29ab229b5

View File

@ -1,4 +1,5 @@
@import "@fontsource/fira-code/500.css";
@import "github-markdown-css/github-markdown.css";
@tailwind base;
@tailwind components;
@ -70,4 +71,18 @@
@apply bg-background text-foreground;
font-family: "Fira Code";
}
}
}
.markdown-body {
box-sizing: border-box;
min-width: 200px;
max-width: 980px;
margin: 0 auto;
padding: 45px;
}
@media (max-width: 768px) {
.markdown-body {
padding: 15px;
}
}