starred/windmill
1
0
Fork 0
mirror of https://github.com/windmill-labs/windmill.git synced 2026-09-05 00:03:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve app markdown rendering

Browse Source
This commit is contained in:
Ruben Fiszel
2025-02-24 19:33:14 +01:00
parent a6763e53f0
commit d836bb6f5c
1 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/components/apps/components/display/AppMarkdown.svelte
+35 -7
View File
@@ -73,7 +73,7 @@
'h-full w-full overflow-y-auto prose max-w-full',
resolvedConfig?.size ? proseMapping[resolvedConfig.size] : '',
css?.container?.class,
' dark:prose-invert',
'dark:prose-invert',
'wm-markdown'
)}
style={css?.container?.style}
@@ -86,14 +86,42 @@
{id}
bind:initializing
bind:result
>
{#if result}
{#key result}
<Markdown md={result} plugins={[gfmPlugin()]} />
{/key}
{/if}
>{#if result}{#key result}<Markdown md={result} plugins={[gfmPlugin()]} />{/key}{/if}
</RunnableWrapper>
</div>
{:else}
<RunnableWrapper {outputs} render={false} autoRefresh {componentInput} {id} />
{/if}
<style global>
.wm-markdown p:first-child {
margin-top: 0;
}
.wm-markdown p:last-child {
margin-bottom: 0;
}
.wm-markdown h1:first-child {
margin-top: 0;
}
.wm-markdown h1:last-child {
margin-bottom: 0;
}
.wm-markdown h2:first-child {
margin-top: 0;
}
.wm-markdown h2:last-child {
margin-bottom: 0;
}
.wm-markdown h3:first-child {
margin-top: 0;
}
.wm-markdown h3:last-child {
margin-bottom: 0;
}
.wm-markdown h4:first-child {
margin-top: 0;
}
.wm-markdown h4:last-child {
margin-bottom: 0;
}
</style>