hypercross
/
ttrpg-tools
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: alert sizing

This commit is contained in:
hypercross 2026-02-28 14:27:54 +08:00
parent 4eaa888198
commit 6da2284ead
3 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@ -43,7 +43,7 @@ const App: Component = () => {
</div> </div>
</header> </header>
<main class="max-w-4xl mx-auto px-4 py-8 pt-20 md:ml-64 print:p-0"> <main class="max-w-4xl mx-auto px-4 py-8 pt-20 md:ml-64 print:p-0">
<Article src={currentPath()} /> <Article class="prose-sm" src={currentPath()} />
</main> </main>
</div> </div>
); );

2
src/components/md-table.tsx
View File

@ -179,7 +179,7 @@ customElement('md-table', { roll: false, remix: false }, (props, { element }) =>
</div> </div>
</div> </div>
</div> </div>
<div class="p-1 prose max-w-none"> <div class="p-4 prose max-w-none">
<Show when={!csvData.loading && filteredRows().length > 0}> <Show when={!csvData.loading && filteredRows().length > 0}>
<div innerHTML={bodyHtml()} /> <div innerHTML={bodyHtml()} />
</Show> </Show>

17
src/styles.css
View File

@ -1,14 +1,27 @@
@import "tailwindcss"; @import "tailwindcss";
@plugin "@tailwindcss/typography"; @plugin "@tailwindcss/typography";
.markdown-alert { .prose {
@apply px-4 rounded mb-4 border; @apply prose-h2:first:mt-0 prose-h3:first:mt-0 prose-h4:first:mt-0 prose-h5:first:mt-0;
} }
.markdown-alert-title{ .markdown-alert-title{
@apply hidden; @apply hidden;
} }
.markdown-alert-title + h1,
.markdown-alert-title + h2,
.markdown-alert-title + h3,
.markdown-alert-title + h4,
.markdown-alert-title + h5
{
@apply mt-0;
}
.markdown-alert {
@apply px-4 pt-4 rounded mb-4 border;
}
.markdown-alert-note { .markdown-alert-note {
@apply bg-blue-50 border-blue-500; @apply bg-blue-50 border-blue-500;
} }