Browse Source

fix(dashboard): Improve styling of order addresses and fulfillment

Michael Bromley 3 months ago
parent
commit
879b84ee2a

+ 3 - 3
packages/dashboard/src/app/routes/_authenticated/_orders/components/order-detail-shared.tsx

@@ -255,7 +255,7 @@ export function OrderDetailShared({
                     <div className="mt-4 divide-y">
                         {entity?.shippingAddress && (
                             <div className="pb-6">
-                                <div className="font-medium">
+                                <div className="font-medium mb-6">
                                     <Trans>Shipping address</Trans>
                                 </div>
                                 <OrderAddress address={entity.shippingAddress} />
@@ -263,7 +263,7 @@ export function OrderDetailShared({
                         )}
                         {entity?.billingAddress && (
                             <div className="pt-4">
-                                <div className="font-medium">
+                                <div className="font-medium mb-6">
                                     <Trans>Billing address</Trans>
                                 </div>
                                 <OrderAddress address={entity.billingAddress} />
@@ -293,7 +293,7 @@ export function OrderDetailShared({
                             ))}
                         </div>
                     ) : (
-                        <div className="text-muted-foreground text-xs font-medium p-3 border rounded-md">
+                        <div className="text-muted-foreground text-sm">
                             <Trans>No fulfillments</Trans>
                         </div>
                     )}