fix(settlements): adjust padding in completed status section and global styles

Updated the padding in the completed status section of the Settlements page for better spacing. Additionally, streamlined the consumer booking action bar styles by removing redundant padding properties.
This commit is contained in:
alisaza 2026-09-11 15:54:53 +03:30
parent 2da1c5e80f
commit 9552ae4c4c
2 changed files with 2 additions and 2 deletions

View File

@ -245,7 +245,7 @@ const SettlementsPage = () => {
) : null} ) : null}
{detailTarget?.status === 'completed' ? ( {detailTarget?.status === 'completed' ? (
<div className="flex flex-col gap-2 rounded-md bg-fifth-50 px-3 py-3 text-sm"> <div className="flex flex-col gap-2 rounded-md bg-fifth-50 p-3 text-sm">
<p> <p>
<span className="font-semibold">شماره پیگیری: </span> <span className="font-semibold">شماره پیگیری: </span>
<span dir="ltr">{detailTarget.manualTrackingCode ?? '—'}</span> <span dir="ltr">{detailTarget.manualTrackingCode ?? '—'}</span>

View File

@ -632,7 +632,7 @@
/* Fixed booking/reserve bar — same viewport slot as BottomNav on event detail. */ /* Fixed booking/reserve bar — same viewport slot as BottomNav on event detail. */
.consumer-booking-action-bar { .consumer-booking-action-bar {
@apply fixed inset-x-0 z-50 px-4 py-4; @apply fixed inset-x-0 z-50 p-4;
bottom: calc(var(--keyboard-inset, 0px)); bottom: calc(var(--keyboard-inset, 0px));
width: 100%; width: 100%;
max-width: var(--consumer-app-max-width); max-width: var(--consumer-app-max-width);