asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(dashboard): order item details alignment (#7942)

Browse Source 
* fix: order item details alignment

* fix: use TW

* fix: use TW 2

* fix: smaller font for quantity
This commit is contained in:
Frane Polić
2024-07-04 12:59:36 +02:00
committed by GitHub
parent cb36655b63
commit f4225c051f
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/admin-next/dashboard/src/routes/orders/order-detail/components/order-summary-section/order-summary-section.tsx
+3 -3
View File
@@ -75,7 +75,7 @@ const Item = ({
return ( return (
<div <div
key={item.id} key={item.id}
className="text-ui-fg-subtle grid grid-cols-2 items-start gap-x-4 px-6 py-4" className="text-ui-fg-subtle grid grid-cols-2 items-center gap-x-4 px-6 py-4"
> >
<div className="flex items-start gap-x-4"> <div className="flex items-start gap-x-4">
<Thumbnail src={item.thumbnail} /> <Thumbnail src={item.thumbnail} />
@@ -107,7 +107,7 @@ const Item = ({
</div> </div>
<div className="flex items-center gap-x-2"> <div className="flex items-center gap-x-2">
<div className="w-fit min-w-[27px]"> <div className="w-fit min-w-[27px]">
<Text> <Text size="small">
<span className="tabular-nums">{item.quantity}</span>x <span className="tabular-nums">{item.quantity}</span>x
</Text> </Text>
</div> </div>
@@ -123,7 +123,7 @@ const Item = ({
</div> </div>
</div> </div>
<div className="flex items-center justify-end"> <div className="flex items-center justify-end">
<Text size="small"> <Text size="small" className="pt-[1px]">
{getLocaleAmount(item.subtotal || 0, currencyCode)} {getLocaleAmount(item.subtotal || 0, currencyCode)}
</Text> </Text>
</div> </div>