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">
<label className="my-1" htmlFor="">
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>
<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>
@ -30,11 +30,11 @@ const App = () => {
<label className="my-1" htmlFor="">
Duración
<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}
/>
</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
</div>
</div>
@ -42,11 +42,11 @@ const App = () => {
<label className="my-1" htmlFor="">
Interés (TIN)
<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}
/>
</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>