Fix(admin-ui): border overflow (#3437)

**What**
- Fix border clipping out of component

Fixes CORE-1190
This commit is contained in:
Philip Korsholm
2023-03-09 18:28:00 +01:00
committed by GitHub
parent f027bc26fc
commit ef4a36794e
2 changed files with 10 additions and 5 deletions

View File

@@ -0,0 +1,5 @@
---
"@medusajs/admin-ui": patch
---
Fix(admin-ui): focus-border clipping

View File

@@ -59,8 +59,8 @@ const AddressForm = ({
return (
<>
<span className="inter-base-semibold">Address</span>
<div className="grid grid-cols-1 gap-y-large gap-x-large">
<div className="grid grid-cols-2 gap-x-large">
<div className="gap-y-large gap-x-large grid grid-cols-1">
<div className="gap-x-large grid grid-cols-2">
<InputField
label="Company"
placeholder="Medusa"
@@ -70,7 +70,7 @@ const AddressForm = ({
})}
/>
</div>
<div className="grid grid-cols-2 gap-x-large">
<div className="gap-x-large grid grid-cols-2">
<InputField
label="Address 1"
placeholder="Address 1"
@@ -90,7 +90,7 @@ const AddressForm = ({
})}
/>
</div>
<div className="grid grid-cols-2 gap-x-large">
<div className="gap-x-large grid grid-cols-2">
<InputField
label="Postal code"
placeholder="Postal code"
@@ -108,7 +108,7 @@ const AddressForm = ({
})}
/>
</div>
<div className="grid grid-cols-2 gap-x-large">
<div className="gap-x-large grid grid-cols-2 pb-0.5">
<Controller
control={control}
name={path("country_code")}