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

Adjust exponent alignment

Browse Source
This commit is contained in:
Codex Agent
2026-03-08 10:48:33 +00:00
parent ca7632bf25
commit 723f932356
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
hdyc-svelte/src/lib/components/ScientificNotationValue.svelte
View File

@@ -15,7 +15,8 @@
<span class={`scientific-notation ${className}`.trim()}> <span class={`scientific-notation ${className}`.trim()}>
<span class="scientific-base">{scientific.base}</span> <span class="scientific-base">{scientific.base}</span>
<span class="scientific-suffix"> <span class="scientific-suffix">
×10<sup>{scientific.exponent}</sup> ×10
<span class="scientific-exponent">{scientific.exponent}</span>
</span> </span>
</span> </span>
{:else} {:else}
@@ -33,14 +34,15 @@
} }
.scientific-suffix { .scientific-suffix {
display: inline-flex; display: inline-block;
align-items: baseline;
gap: 0.15rem;
font-size: 0.85em; font-size: 0.85em;
} }
.scientific-suffix sup { .scientific-exponent {
display: inline-block;
font-size: 0.75em; font-size: 0.75em;
line-height: 1;
vertical-align: super; vertical-align: super;
margin-left: 0.1rem;
} }
</style> </style>