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

fix: update layout and styling for better responsiveness in various components

Browse Source
This commit is contained in:
Yoga Pangestu 2026-08-14 05:28:45 +07:00
parent c49027492c
commit 8ad735fbf9
8 changed files with 47 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/js/pages/admin/manage/cutting/create.tsx
View File

@ -337,7 +337,7 @@ export default function CuttingCreate({ rawMaterials }: Props) {
<CardHeader> <CardHeader>
<CardTitle>Pilih Bahan Baku</CardTitle> <CardTitle>Pilih Bahan Baku</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="space-y-4"> <CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-y-auto">
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Nama Bahan Baku <span className="text-destructive">*</span> Nama Bahan Baku <span className="text-destructive">*</span>
@ -386,7 +386,7 @@ export default function CuttingCreate({ rawMaterials }: Props) {
const addedCount = materials.filter((m) => m.raw_material_price_id === price.id).length; const addedCount = materials.filter((m) => m.raw_material_price_id === price.id).length;
return ( return (
<div key={price.id} className={isAdded ? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' : 'flex items-center justify-between gap-3 rounded-lg border p-3'}> <div key={price.id} className={`flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3 ${isAdded ? 'border-primary' : ''}`}>
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
{price.photo_url ? ( {price.photo_url ? (
<img src={price.photo_url} alt={price.variant} className="h-10 w-10 shrink-0 rounded-md object-cover" /> <img src={price.photo_url} alt={price.variant} className="h-10 w-10 shrink-0 rounded-md object-cover" />
@ -401,7 +401,7 @@ export default function CuttingCreate({ rawMaterials }: Props) {
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-1"> <div className="flex items-center gap-1">
<Button type="button" variant="outline" size="sm" onClick={() => addVariant(rm, price.id)}> <Button type="button" variant="outline" size="sm" onClick={() => addVariant(rm, price.id)}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Tambah Tambah
@ -432,7 +432,7 @@ export default function CuttingCreate({ rawMaterials }: Props) {
const addedCount = materials.filter((m) => m.raw_material_price_id === price.id).length; const addedCount = materials.filter((m) => m.raw_material_price_id === price.id).length;
return ( return (
<div key={price.id} className={isAdded ? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' : 'flex items-center justify-between gap-3 rounded-lg border p-3'}> <div key={price.id} className={`flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3 ${isAdded ? 'border-primary' : ''}`}>
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
{price.photo_url ? ( {price.photo_url ? (
<img src={price.photo_url} alt={price.variant} className="h-10 w-10 shrink-0 rounded-md object-cover" /> <img src={price.photo_url} alt={price.variant} className="h-10 w-10 shrink-0 rounded-md object-cover" />
@ -447,7 +447,7 @@ export default function CuttingCreate({ rawMaterials }: Props) {
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-1"> <div className="flex items-center gap-1">
<Button type="button" variant="outline" size="sm" onClick={() => addVariant(selectedMaterial, price.id)}> <Button type="button" variant="outline" size="sm" onClick={() => addVariant(selectedMaterial, price.id)}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Tambah Tambah

10
resources/js/pages/admin/manage/cutting/edit.tsx
View File

@ -313,7 +313,7 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
<CardHeader> <CardHeader>
<CardTitle>Pilih Bahan Baku</CardTitle> <CardTitle>Pilih Bahan Baku</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="space-y-4"> <CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-y-auto">
<div className="grid gap-2"> <div className="grid gap-2">
<Label> <Label>
Nama Bahan Baku <span className="text-destructive">*</span> Nama Bahan Baku <span className="text-destructive">*</span>
@ -362,7 +362,7 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
const addedCount = materials.filter((m) => m.raw_material_price_id === price.id).length; const addedCount = materials.filter((m) => m.raw_material_price_id === price.id).length;
return ( return (
<div key={price.id} className={isAdded ? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' : 'flex items-center justify-between gap-3 rounded-lg border p-3'}> <div key={price.id} className={`flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3 ${isAdded ? 'border-primary' : ''}`}>
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
{price.photo_url ? ( {price.photo_url ? (
<img src={price.photo_url} alt={price.variant} className="h-10 w-10 shrink-0 rounded-md object-cover" /> <img src={price.photo_url} alt={price.variant} className="h-10 w-10 shrink-0 rounded-md object-cover" />
@ -377,7 +377,7 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-1"> <div className="flex items-center gap-1">
<Button type="button" variant="outline" size="sm" onClick={() => addVariant(rm, price.id)}> <Button type="button" variant="outline" size="sm" onClick={() => addVariant(rm, price.id)}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Tambah Tambah
@ -408,7 +408,7 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
const addedCount = materials.filter((m) => m.raw_material_price_id === price.id).length; const addedCount = materials.filter((m) => m.raw_material_price_id === price.id).length;
return ( return (
<div key={price.id} className={isAdded ? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' : 'flex items-center justify-between gap-3 rounded-lg border p-3'}> <div key={price.id} className={`flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3 ${isAdded ? 'border-primary' : ''}`}>
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
{price.photo_url ? ( {price.photo_url ? (
<img src={price.photo_url} alt={price.variant} className="h-10 w-10 shrink-0 rounded-md object-cover" /> <img src={price.photo_url} alt={price.variant} className="h-10 w-10 shrink-0 rounded-md object-cover" />
@ -423,7 +423,7 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-1"> <div className="flex items-center gap-1">
<Button type="button" variant="outline" size="sm" onClick={() => addVariant(selectedMaterial, price.id)}> <Button type="button" variant="outline" size="sm" onClick={() => addVariant(selectedMaterial, price.id)}>
<Plus className="h-4 w-4" /> <Plus className="h-4 w-4" />
Tambah Tambah

6
resources/js/pages/admin/manage/purchase/create.tsx
View File

@ -866,8 +866,8 @@ export default function PurchaseCreate({ suppliers, rawMaterials }: Props) {
] ?? ] ??
0) > 0) >
0 0
? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' ? 'flex flex-wrap items-center justify-between gap-2 rounded-lg border border-primary p-3'
: 'flex items-center justify-between gap-3 rounded-lg border p-3' : 'flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3'
} }
> >
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
@ -909,7 +909,7 @@ export default function PurchaseCreate({ suppliers, rawMaterials }: Props) {
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-2"> <div className="flex items-center gap-2">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"

6
resources/js/pages/admin/manage/purchase/edit.tsx
View File

@ -307,8 +307,8 @@ export default function PurchaseEdit({
] ?? ] ??
0) > 0) >
0 0
? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' ? 'flex flex-wrap items-center justify-between gap-2 rounded-lg border border-primary p-3'
: 'flex items-center justify-between gap-3 rounded-lg border p-3' : 'flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3'
} }
> >
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
@ -350,7 +350,7 @@ export default function PurchaseEdit({
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-2"> <div className="flex items-center gap-2">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"

6
resources/js/pages/admin/manage/restock/create.tsx
View File

@ -308,8 +308,8 @@ return 0;
variant variant
.id .id
] ?? 0) > 0 ] ?? 0) > 0
? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' ? 'flex flex-wrap items-center justify-between gap-2 rounded-lg border border-primary p-3'
: 'flex items-center justify-between gap-3 rounded-lg border p-3' : 'flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3'
} }
> >
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
@ -351,7 +351,7 @@ return 0;
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-2"> <div className="flex items-center gap-2">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"

6
resources/js/pages/admin/manage/restock/edit.tsx
View File

@ -236,8 +236,8 @@ return 0;
variant variant
.id .id
] ?? 0) > 0 ] ?? 0) > 0
? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' ? 'flex flex-wrap items-center justify-between gap-2 rounded-lg border border-primary p-3'
: 'flex items-center justify-between gap-3 rounded-lg border p-3' : 'flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3'
} }
> >
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
@ -279,7 +279,7 @@ return 0;
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-2"> <div className="flex items-center gap-2">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"

6
resources/js/pages/admin/manage/transaction/create.tsx
View File

@ -403,8 +403,8 @@ export default function TransactionCreate({
variant variant
.id .id
] ?? 0) > 0 ] ?? 0) > 0
? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' ? 'flex flex-wrap items-center justify-between gap-2 rounded-lg border border-primary p-3'
: 'flex items-center justify-between gap-3 rounded-lg border p-3' : 'flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3'
} }
> >
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
@ -450,7 +450,7 @@ export default function TransactionCreate({
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-2"> <div className="flex items-center gap-2">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"

6
resources/js/pages/admin/manage/transaction/edit.tsx
View File

@ -383,8 +383,8 @@ export default function TransactionEdit({
variant variant
.id .id
] ?? 0) > 0 ] ?? 0) > 0
? 'flex items-center justify-between gap-3 rounded-lg border border-primary p-3' ? 'flex flex-wrap items-center justify-between gap-2 rounded-lg border border-primary p-3'
: 'flex items-center justify-between gap-3 rounded-lg border p-3' : 'flex flex-wrap items-center justify-between gap-2 rounded-lg border p-3'
} }
> >
<div className="flex min-w-0 items-center gap-3"> <div className="flex min-w-0 items-center gap-3">
@ -430,7 +430,7 @@ export default function TransactionEdit({
</p> </p>
</div> </div>
</div> </div>
<div className="flex shrink-0 items-center gap-2"> <div className="flex items-center gap-2">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"