dst/dstpabuaran.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: enhance layout and spacing for product variant buttons in create and edit pages

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-01 14:46:58 +07:00
parent 841767d5b1
commit 0e96469cdd
2 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/js/pages/admin/master/product/create.tsx
View File

@ -532,18 +532,19 @@ export default function ProductCreate({ categories }: Props) {
key={variantIndex}
className="space-y-4 rounded-lg border p-4"
>
<div className="flex items-center justify-between">
<div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
<h4 className="font-medium">
Varian{' '}
{variantIndex + 1}
</h4>
<div className="flex items-center gap-1">
<div className="flex flex-wrap items-center gap-1">
{!useSamePrice && (
<>
<Button
type="button"
variant="outline"
size="sm"
className="whitespace-nowrap"
onClick={() =>
copyPrices(
variantIndex,
@ -562,6 +563,7 @@ export default function ProductCreate({ categories }: Props) {
type="button"
variant="outline"
size="sm"
className="whitespace-nowrap"
onClick={() =>
pastePrices(
variantIndex,
@ -575,14 +577,14 @@ export default function ProductCreate({ categories }: Props) {
type="button"
variant="outline"
size="sm"
className="whitespace-nowrap"
onClick={() =>
applyToAll(
variantIndex,
)
}
>
Terapkan
ke Semua
Terapkan ke Semua
</Button>
</>
)}

10
resources/js/pages/admin/master/product/edit.tsx
View File

@ -612,18 +612,19 @@ export default function ProductEdit({ product, categories }: Props) {
key={variantIndex}
className="space-y-4 rounded-lg border p-4"
>
<div className="flex items-center justify-between">
<div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
<h4 className="font-medium">
Varian{' '}
{variantIndex + 1}
</h4>
<div className="flex items-center gap-1">
<div className="flex flex-wrap items-center gap-1">
{!useSamePrice && (
<>
<Button
type="button"
variant="outline"
size="sm"
className="whitespace-nowrap"
onClick={() =>
copyPrices(
variantIndex,
@ -642,6 +643,7 @@ export default function ProductEdit({ product, categories }: Props) {
type="button"
variant="outline"
size="sm"
className="whitespace-nowrap"
onClick={() =>
pastePrices(
variantIndex,
@ -655,14 +657,14 @@ export default function ProductEdit({ product, categories }: Props) {
type="button"
variant="outline"
size="sm"
className="whitespace-nowrap"
onClick={() =>
applyToAll(
variantIndex,
)
}
>
Terapkan
ke Semua
Terapkan ke Semua
</Button>
</>
)}