fix: align pay page header layout to match orders page

This commit is contained in:
erio
2026-03-01 15:00:27 +08:00
parent 04abbf1dd1
commit d2e856b89c

View File

@@ -417,8 +417,8 @@ function PayContent() {
isEmbedded ? '' : 'mt-6', isEmbedded ? '' : 'mt-6',
].join(' ')} ].join(' ')}
> >
<div className="mb-5 flex items-start justify-between gap-3"> <div className="mb-5 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<div className="text-left"> <div>
<div <div
className={[ className={[
'mb-2 inline-flex items-center rounded-full px-3 py-1 text-[11px] font-medium', 'mb-2 inline-flex items-center rounded-full px-3 py-1 text-[11px] font-medium',
@@ -440,7 +440,7 @@ function PayContent() {
</p> </p>
</div> </div>
{!isMobile && ( {!isMobile && (
<div className="flex shrink-0 items-center gap-2"> <div className="flex items-center gap-2">
<button <button
type="button" type="button"
onClick={loadUserAndOrders} onClick={loadUserAndOrders}