counterweight/kuotata
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve responsiveness

Browse source
This commit is contained in:
counterweight 2025-05-24 23:09:46 +02:00
parent e39239b9b5
commit 9a976a8be5
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
2 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/BaseInput.jsx
View file

@ -4,23 +4,24 @@ const BaseInput = ({
onChangeCallback, onChangeCallback,
placeholder = "", placeholder = "",
suffix, suffix,
inputMode,
inputWidth = "w-[60px]", inputWidth = "w-[60px]",
inputClassName = "", inputClassName = "",
}) => { }) => {
return ( return (
<div className="flex"> <div className="flex md:flex-row flex-col items-center my-1">
<label className="my-1" htmlFor=""> <label className="" htmlFor="">
{label} {label}
</label>
<div className="flex mx-auto">
<input <input
className={`ml-3 ${inputWidth} bg-white rounded-tl-md rounded-bl-md text-black text-right p-1 ${inputClassName}`} className={`md:ml-3 my-0 ${inputWidth} bg-white rounded-tl-md rounded-bl-md text-black text-right p-1 ${inputClassName}`}
value={value} value={value}
placeholder={placeholder} placeholder={placeholder}
onChange={onChangeCallback} onChange={onChangeCallback}
/> />
</label> <div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
<div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light"> {suffix}
{suffix} </div>
</div> </div>
</div> </div>
); );

4
src/components/LoanPanel.jsx
View file

@ -57,8 +57,8 @@ const LoanPanel = () => {
return ( return (
<> <>
<div className="p-5 bg-gray-50 rounded-3xl border border-gray-400"> <div className=" mb p-5 bg-gray-50 rounded-3xl border border-gray-400">
<form className="flex flex-col justify-end items-end my-5 text-white bg-blue-600 p-5 rounded-3xl shadow-[0_4px_0_rgba(0,255,255,1)]"> <form className="flex flex-col justify-end md:items-end my-5 text-white bg-blue-600 p-5 rounded-3xl shadow-[0_4px_0_rgba(0,255,255,1)]">
<LoanPrincipalInput <LoanPrincipalInput
onChangeCallback={handleLoanPrincipalChange} onChangeCallback={handleLoanPrincipalChange}
loanPrincipal={loanPrincipal} loanPrincipal={loanPrincipal}