oauth/inbox: use native ordered list; explicit severity fallback (P2-45, P2-48)

This commit is contained in:
ZacharyZhang-NY committed 2026-04-16 23:08:44 -04:00
1 parent 2286d70758
commit cd85419d1d
3 files changed
+28 -32

No files matched your search

@@ -102,37 +102,28 @@ export function OAuthPromptDialog() {
</div>
{isManualCode ? (
<div className="mb-5 space-y-3 text-[13px] leading-relaxed text-muted-foreground">
<ol className="space-y-2 pl-0">
<li className="flex gap-2">
<span className="font-mono text-[11px] text-muted-foreground/70">1</span>
<span>
{pending.authUrl ? (
<>
Open{" "}
<a
href={pending.authUrl}
target="_blank"
rel="noreferrer"
className="text-foreground underline decoration-dotted underline-offset-4 hover:text-accent-foreground"
>
the authorization page
</a>{" "}
and click <strong className="text-foreground">Authorize</strong>.
</>
) : (
<>Complete authorization in the browser window that opened.</>
)}
</span>
</li>
<li className="flex gap-2">
<span className="font-mono text-[11px] text-muted-foreground/70">2</span>
<span>Copy the authorization code shown on the confirmation page.</span>
</li>
<li className="flex gap-2">
<span className="font-mono text-[11px] text-muted-foreground/70">3</span>
<span>Paste it below and press <strong className="text-foreground">Submit</strong>.</span>
<div className="mb-5 text-[13px] leading-relaxed text-muted-foreground">
<ol className="list-decimal space-y-2 pl-5 marker:text-[11px] marker:font-mono marker:text-muted-foreground/70">
<li>
{pending.authUrl ? (
<>
Open{" "}
<a
href={pending.authUrl}
target="_blank"
rel="noreferrer"
className="text-foreground underline decoration-dotted underline-offset-4 hover:text-accent-foreground"
>
the authorization page
</a>{" "}
and click <strong className="text-foreground">Authorize</strong>.
</>
) : (
<>Complete authorization in the browser window that opened.</>
)}
</li>
<li>Copy the authorization code shown on the confirmation page.</li>
<li>Paste it below and press <strong className="text-foreground">Submit</strong>.</li>
</ol>
</div>
) : (