eduardo
/
katoikia-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix estilo del popup de perfil

This commit is contained in:
Mariela 2022-08-03 00:10:45 -06:00
parent f2e019361d
commit 71c3006e49
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
web-ui/web-react/src/components/GuardasSeguridad.js
View File

@ -465,7 +465,7 @@ const GuardasSeguridad = () => {
onHide={hideGuardDialog}> onHide={hideGuardDialog}>
<div className='container text-center'> <div className='container text-center'>
<div className='row my-4'> <div className='row my-4'>
<div className=" col-12 md:col-12"> <div className=" col-4 md:col-4">
<p>Nombre</p> <p>Nombre</p>
<div className="p-0 col-2 md:col-2" style={{ margin: '0 auto' }}> <div className="p-0 col-2 md:col-2" style={{ margin: '0 auto' }}>
<div className="p-inputgroup align-items-center justify-content-evenly"> <div className="p-inputgroup align-items-center justify-content-evenly">
@ -474,9 +474,7 @@ const GuardasSeguridad = () => {
</div> </div>
</div> </div>
</div> </div>
</div> <div className=" col-4 md:col-4">
<div className='row my-5'>
<div className=" col-6 md:col-6">
<p>Apellido(s)</p> <p>Apellido(s)</p>
<div className="p-0 col-6 md:col-6" style={{ margin: '0 auto' }}> <div className="p-0 col-6 md:col-6" style={{ margin: '0 auto' }}>
<div className="p-inputgroup align-items-center justify-content-evenly"> <div className="p-inputgroup align-items-center justify-content-evenly">
@ -486,29 +484,23 @@ const GuardasSeguridad = () => {
</div> </div>
</div> </div>
<div className=" col-6 md:col-6">
<p>Correo Electrónico</p>
<div className="p-0 col-6 md:col-6" style={{ margin: '0 auto' }}>
<div className="p-inputgroup align-items-center justify-content-evenly">
<i className="pi pi-mail icon-khaki"></i>
<p>{guarda.email}</p>
</div>
</div>
</div>
</div>
<div className='row my-5'>
<div className=" col-4 col-md-4 md:col-4"> <div className=" col-4 col-md-4 md:col-4">
<p>Identificación</p> <p>Identificación</p>
<div className="p-0 col-10 md:col-10"> <div className="p-0 col-10 md:col-10" style={{ margin: '0 auto' }}>
<div className="p-inputgroup align-items-center justify-content-evenly"> <div className="p-inputgroup align-items-center justify-content-evenly">
<i className="pi pi-map-marker icon-khaki"></i> <i className="pi pi-id-card icon-khaki"></i>
<p>{guarda.dni}</p> <p>{guarda.dni}</p>
</div> </div>
</div> </div>
</div> </div>
</div>
<div className='row my-5 justify-content-center'>
</div>
<div className='row my-5 justify-content-center'>
<div className=" col-4 md:col-4"> <div className=" col-4 md:col-4">
<p>Teléfono</p> <p>Teléfono</p>
<div className="p-0 col-10 md:col-10"> <div className="p-0 col-10 md:col-10">
@ -519,8 +511,17 @@ const GuardasSeguridad = () => {
</div> </div>
</div> </div>
</div> <div className=" col-6 md:col-6">
<p>Correo Electrónico</p>
<div className="p-0 col-10 md:col-10" style={{ margin: '0 auto' }}>
<div className="p-inputgroup align-items-center justify-content-evenly">
<i className="pi pi-envelope icon-khaki"></i>
<p>{guarda.email}</p>
</div>
</div>
</div>
</div>
</div> </div>
</Dialog> </Dialog>