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

fix(dashboard): active RMA section border (#8849)

Browse Source 
**What**
- fix border around active RMA section on larger screens

**Prev**
![Screenshot 2024-08-28 at 14 36 11](https://github.com/user-attachments/assets/89f2dba9-3d84-4b32-a44c-44b32fb605fb)

**Now**
![Screenshot 2024-08-28 at 14 35 23](https://github.com/user-attachments/assets/6e96acfd-8916-456a-bdeb-9485d491f22f)
This commit is contained in:
Frane Polić
2024-08-28 17:20:56 +02:00
committed by GitHub
parent 5bec38538a
commit 6ea5a15762
4 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/admin-next/dashboard/src/routes/orders/order-detail/components/active-order-claim-section/active-order-claim-section.tsx
View File

@@ -48,12 +48,12 @@ export const ActiveOrderClaimSection = ({
background:
"repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)",
}}
className="-m-4 mb-1 border-b p-4"
className="z-10 -m-4 mb-1 border-x border-b p-4"
>
<Container className="flex items-center justify-between p-0">
<div className="flex w-full flex-row divide-y divide-dashed justify-between">
<div className="flex w-full flex-row justify-between">
<div>
<div className="flex items-center gap-2 px-6 pt-4 mb-2">
<div className="mb-2 flex items-center gap-2 px-6 pt-4">
<ExclamationCircle className="text-ui-fg-subtle" />
<Heading level="h2">{t("orders.claims.panel.title")}</Heading>
</div>

6
packages/admin-next/dashboard/src/routes/orders/order-detail/components/active-order-exchange-section/active-order-exchange-section.tsx
View File

@@ -48,12 +48,12 @@ export const ActiveOrderExchangeSection = ({
background:
"repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)",
}}
className="-m-4 mb-1 border-b p-4"
className="z-10 -m-4 mb-1 border-x border-b p-4"
>
<Container className="flex items-center justify-between p-0">
<div className="flex w-full flex-row divide-y divide-dashed justify-between">
<div className="flex w-full flex-row justify-between">
<div>
<div className="flex items-center gap-2 px-6 pt-4 mb-2">
<div className="mb-2 flex items-center gap-2 px-6 pt-4">
<ArrowPath className="text-ui-fg-subtle" />
<Heading level="h2">{t("orders.exchanges.panel.title")}</Heading>
</div>

6
packages/admin-next/dashboard/src/routes/orders/order-detail/components/active-order-return-section/active-order-return-section.tsx
View File

@@ -51,12 +51,12 @@ export const ActiveOrderReturnSection = ({
background:
"repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)",
}}
className="-m-4 mb-1 border-b p-4"
className="z-10 -m-4 mb-1 border-x border-b p-4"
>
<Container className="flex items-center justify-between p-0">
<div className="flex w-full flex-row divide-y divide-dashed justify-between">
<div className="flex w-full flex-row justify-between">
<div>
<div className="flex items-center gap-2 px-6 pt-4 mb-2">
<div className="mb-2 flex items-center gap-2 px-6 pt-4">
<ArrowUturnLeft className="text-ui-fg-subtle" />
<Heading level="h2">{t("orders.returns.panel.title")}</Heading>
</div>

2
packages/admin-next/dashboard/src/routes/orders/order-detail/components/order-active-edit-section/order-active-edit-section.tsx
View File

@@ -119,7 +119,7 @@ export const OrderActiveEditSection = ({
background:
"repeating-linear-gradient(-45deg, rgb(212, 212, 216, 0.15), rgb(212, 212, 216,.15) 10px, transparent 10px, transparent 20px)",
}}
className="-m-4 mb-1 border-b p-4"
className="z-10 -m-4 mb-1 border-x border-b p-4"
>
<Container className="flex items-center justify-between p-0">
<div className="flex w-full flex-col divide-y divide-dashed">