Arreglado desajuste visual de los tipos de encuadernacion al minimizar

This commit is contained in:
imnavajas
2024-04-24 11:14:14 +02:00
parent b322565002
commit d8778f0f2f
2 changed files with 30 additions and 24 deletions

View File

@ -2,65 +2,73 @@
<div class="row row-cols-3 mb-6 d-flex justify-content-center d-flex justify-content-center">
<div class="container col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;">
<div style="max-width:200px;max-height:200px;padding-right:0px" id="cosidoDiv" class="form-check checked custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoCosido">
<div>
<div style="max-width:200px;max-height:200px;padding-right:0px" id="cosidoDiv" class="form-check checked custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoCosido">
<span class="custom-option-body">
<img style="max-width:200px;max-height:200px;" src="<?= site_url("assets/img/libro_cosido.png") ?>" alt="radioImg">
</span>
</label>
<input name="cosido" class="form-check-input elementos-libro" type="radio" value="tipoCosido" id="tipoCosido" checked="">
</label>
<input name="cosido" class="form-check-input elementos-libro" type="radio" value="tipoCosido" id="tipoCosido" checked="">
</div>
<h4 class="text-center">Rústica cosido</h4>
</div>
</div>
<div class="container col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;">
<div style="max-width:200px;max-height:200px;padding-right:0px" id="fresadoDiv" class="form-check custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoFresado">
<div>
<div style="max-width:200px;max-height:200px;padding-right:0px" id="fresadoDiv" class="form-check custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoFresado">
<span class="custom-option-body">
<img style="max-width:200px;max-height:200px;" src="<?= site_url("assets/img/libro_fresado.png") ?>" alt="radioImg2">
</span>
</label>
<input name="fresado" class="form-check-input elementos-libro" type="radio" value="tipoFresado" id="tipoFresado">
</label>
<input name="fresado" class="form-check-input elementos-libro" type="radio" value="tipoFresado" id="tipoFresado">
</div>
<h4 class="text-center">Rústica fresado</h4>
</div>
</div>
<div class="container col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;">
<div style="max-width:200px;max-height:200px;padding-right:0px" id="grapadoDiv" class="form-check custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoGrapado">
<div>
<div style="max-width:200px;max-height:200px;padding-right:0px" id="grapadoDiv" class="form-check custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoGrapado">
<span class="custom-option-body">
<img style="max-width:200px;max-height:200px;" src="<?= site_url("assets/img/libro_grapado.png") ?>" alt="radioImg3">
</span>
</label>
<input name="grapado" class="form-check-input elementos-libro" type="radio" value="tipoGrapado" id="tipoGrapado">
</label>
<input name="grapado" class="form-check-input elementos-libro" type="radio" value="tipoGrapado" id="tipoGrapado">
</div>
<h4 class="text-center">Cosido con grapas</h4>
</div>
</div>
</div>
<div class="row row-cols-3 d-flex justify-content-center d-flex justify-content-center" style="margin-bottom: 40px;">
<div class="col-md-4 mb-6 d-flex justify-content-center">
<div style="max-width:200px;max-height:200px;padding-right:0px" id="espiralDiv" class="form-check custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoEspiral">
<div>
<div style="max-width:200px;max-height:200px;padding-right:0px" id="espiralDiv" class="form-check custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoEspiral">
<span class="custom-option-body">
<img style="max-width:200px;max-height:200px;" src="<?= site_url("assets/img/libro_espiral.png") ?>" alt="radioImg4">
</span>
</label>
<input name="espiral" class="form-check-input elementos-libro" type="radio" value="tipoEspiral" id="tipoEspiral">
</label>
<input name="espiral" class="form-check-input elementos-libro" type="radio" value="tipoEspiral" id="tipoEspiral">
</div>
<h4 class="text-center">Espiral</h4>
</div>
</div>
<div class="col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;">
<div style="max-width:200px;max-height:200px;padding-right:0px" id="wireoDiv" class="form-check custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoWireO">
<div>
<div style="max-width:200px;max-height:200px;padding-right:0px" id="wireoDiv" class="form-check custom-option-tipo custom-option custom-option-image custom-option-image-radio">
<label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoWireO">
<span class="custom-option-body">
<img style="max-width:200px;max-height:200px;" src="<?= site_url("assets/img/libro_wire-o.png") ?>" alt="radioImg5">
</span>
</label>
<input name="wireo" class="form-check-input elementos-libro" type="radio" value="tipoWireO" id="tipoWireO">
</label>
<input name="wireo" class="form-check-input elementos-libro" type="radio" value="tipoWireO" id="tipoWireO">
</div>
<h4 class="text-center">Wire-o</h4>
</div>
</div>

View File

@ -138,14 +138,12 @@
</div>
</div>
</form>
</div>
</div>
</div><!--//.col -->
<div class="pt-4">
<input type="submit" class="btn btn-primary float-start me-sm-3 me-1" name="save" id="saveForm" value="<?= lang("Basic.global.Save") ?>" />