knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BillEditForm: responsive width, white barcoder outline

Browse Source
This commit is contained in:
Nikola Derežić
2024-02-13 11:52:25 +01:00
parent 0c9e0e1f25
commit c87f9964c4
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/ui/BillEditForm.tsx
View File

@@ -93,7 +93,9 @@ export const BillEditForm:FC<BillEditFormProps> = ({ location, bill }) => {
</Link>
: null
}
<input id="billAttachment" name="billAttachment" type="file" className="file-input file-input-bordered max-w-sm w-full file-input-xs my-2 block" onChange={billAttachment_handleChange} />
<div className="flex">
<input id="billAttachment" name="billAttachment" type="file" className="file-input file-input-bordered grow file-input-xs my-2 block" onChange={billAttachment_handleChange} />
</div>
<div id="status-error" aria-live="polite" aria-atomic="true">
{state.errors?.billAttachment &&
state.errors.billAttachment.map((error: string) => (
@@ -109,10 +111,10 @@ export const BillEditForm:FC<BillEditFormProps> = ({ location, bill }) => {
<input id="billPaid" name="billPaid" type="checkbox" className="toggle toggle-success" defaultChecked={paid} onChange={billPaid_handleChange} />
</label>
</div>
<div className="form-control">
<label className="cursor-pointer label">
<div className="form-control grow">
<label className="cursor-pointer label grow">
<span className="label-text mx-[1em]">Amount</span>
<input type="text" id="payedAmount" name="payedAmount" className="input input-bordered text-right w-[9.2em]" placeholder="0.00" value={payedAmount} onFocus={e => e.target.select()} onChange={payedAmount_handleChange} />
<input type="text" id="payedAmount" name="payedAmount" className="input input-bordered text-right w-[5em] grow" placeholder="0.00" value={payedAmount} onFocus={e => e.target.select()} onChange={payedAmount_handleChange} />
</label>
</div>
</div>
@@ -128,11 +130,9 @@ export const BillEditForm:FC<BillEditFormProps> = ({ location, bill }) => {
<input type="hidden" name="barcodeImage" value={barcodeImage} />
{
barcodeImage ?
<div className="form-control w-[325px] p-1">
<label className="cursor-pointer label p-0">
<span>
<img src={barcodeImage} className="max-w-[325px]" />
</span>
<div className="form-control p-1">
<label className="cursor-pointer label p-2 grow bg-white">
<img src={barcodeImage} className="grow sm:max-w-[350px]" />
</label>
</div> : null
}