ben/HowDoYouConvert
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Split example calculation lines

Browse Source
This commit is contained in:
Codex
2026-03-07 06:46:52 +00:00
parent 962dcd7af5
commit cd427d4dde
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
hdyc-svelte/src/lib/components/QuickConversionExample.svelte
View File

@@ -33,8 +33,15 @@
<p class="example-note"> <p class="example-note">
1 {config.labels.in2} = {reverseResult?.val1 ?? '—'} {config.labels.in1} 1 {config.labels.in2} = {reverseResult?.val1 ?? '—'} {config.labels.in1}
</p> </p>
<p class="example"> <p class="example-line">
Example: convert {exampleInput} {config.labels.in1} to {config.labels.in2}: {formulaExpression} = {result.val2} {config.labels.in2} Example: convert {exampleInput} {config.labels.in1} to {config.labels.in2}
</p>
<p class="example-line">
{formulaExpression} =
<span class="example-result">{result.val2} {config.labels.in2}</span>
</p>
<p class="example-line">
Result: {result.val2} {config.labels.in2}
</p> </p>
</section> </section>
{/if} {/if}
@@ -60,9 +67,15 @@
color: var(--text-muted); color: var(--text-muted);
} }
.example { .example-line {
margin: 0; margin: 0;
font-size: 0.95rem; font-size: 0.9rem;
font-weight: 500; line-height: 1.4;
color: var(--text);
}
.example-result {
font-weight: 600;
margin-left: 0.35rem;
} }
</style> </style>