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

moar style

Browse source
This commit is contained in:
Pablo Martin 2025-05-22 18:28:42 +02:00
parent 5a775f156e
commit 26f175a295
1 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/App.jsx
View file

@ -17,12 +17,12 @@ const App = () => {
<div className="flex"> <div className="flex">
<label className="my-1" htmlFor=""> <label className="my-1" htmlFor="">
Capital prestado Capital prestado
<input
className="ml-3 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
placeholder="Introduce cuánto te prestan"
/>
</label> </label>
<div className="w-[80px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light"> <input
className="ml-3 w-[120px] w-min-0 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
placeholder="Introduce cuánto te prestan..."
/>
<div className="w-[60px] place-self-center p-1 rounded-tr-md rounded-br bg-gray-600 font-light">
€ €
</div> </div>
</div> </div>
@ -30,11 +30,11 @@ const App = () => {
<label className="my-1" htmlFor=""> <label className="my-1" htmlFor="">
Duración Duración
<input <input
className="ml-3 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1" className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
defaultValue={12} defaultValue={12}
/> />
</label> </label>
<div className="w-[80px] 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">
Meses Meses
</div> </div>
</div> </div>
@ -42,11 +42,11 @@ const App = () => {
<label className="my-1" htmlFor=""> <label className="my-1" htmlFor="">
Interés (TIN) Interés (TIN)
<input <input
className="ml-3 bg-white rounded-tl-md rounded-bl-md text-black text-right p-1" className="ml-3 w-[60px] bg-white rounded-tl-md rounded-bl-md text-black text-right p-1"
defaultValue={5} defaultValue={5}
/> />
</label> </label>
<div className="w-[80px] 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">
% %
</div> </div>
</div> </div>