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,6 +2,7 @@
<div class="row row-cols-3 mb-6 d-flex justify-content-center d-flex justify-content-center"> <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 class="container col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;">
<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"> <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"> <label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoCosido">
<span class="custom-option-body"> <span class="custom-option-body">
@ -9,11 +10,13 @@
</span> </span>
</label> </label>
<input name="cosido" class="form-check-input elementos-libro" type="radio" value="tipoCosido" id="tipoCosido" checked=""> <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> <h4 class="text-center">Rústica cosido</h4>
</div> </div>
</div> </div>
<div class="container col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;"> <div class="container col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;">
<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"> <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"> <label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoFresado">
<span class="custom-option-body"> <span class="custom-option-body">
@ -21,11 +24,13 @@
</span> </span>
</label> </label>
<input name="fresado" class="form-check-input elementos-libro" type="radio" value="tipoFresado" id="tipoFresado"> <input name="fresado" class="form-check-input elementos-libro" type="radio" value="tipoFresado" id="tipoFresado">
</div>
<h4 class="text-center">Rústica fresado</h4> <h4 class="text-center">Rústica fresado</h4>
</div> </div>
</div> </div>
<div class="container col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;"> <div class="container col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;">
<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"> <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"> <label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoGrapado">
<span class="custom-option-body"> <span class="custom-option-body">
@ -33,15 +38,15 @@
</span> </span>
</label> </label>
<input name="grapado" class="form-check-input elementos-libro" type="radio" value="tipoGrapado" id="tipoGrapado"> <input name="grapado" class="form-check-input elementos-libro" type="radio" value="tipoGrapado" id="tipoGrapado">
</div>
<h4 class="text-center">Cosido con grapas</h4> <h4 class="text-center">Cosido con grapas</h4>
</div> </div>
</div> </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="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 class="col-md-4 mb-6 d-flex justify-content-center">
<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"> <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"> <label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoEspiral">
<span class="custom-option-body"> <span class="custom-option-body">
@ -49,11 +54,13 @@
</span> </span>
</label> </label>
<input name="espiral" class="form-check-input elementos-libro" type="radio" value="tipoEspiral" id="tipoEspiral"> <input name="espiral" class="form-check-input elementos-libro" type="radio" value="tipoEspiral" id="tipoEspiral">
</div>
<h4 class="text-center">Espiral</h4> <h4 class="text-center">Espiral</h4>
</div> </div>
</div> </div>
<div class="col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;"> <div class="col-md-4 mb-6 d-flex justify-content-center" style="margin-bottom: 40px;">
<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"> <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"> <label style="max-width:200px;max-height:200px;" class="form-check-label custom-option-content" for="tipoWireO">
<span class="custom-option-body"> <span class="custom-option-body">
@ -61,6 +68,7 @@
</span> </span>
</label> </label>
<input name="wireo" class="form-check-input elementos-libro" type="radio" value="tipoWireO" id="tipoWireO"> <input name="wireo" class="form-check-input elementos-libro" type="radio" value="tipoWireO" id="tipoWireO">
</div>
<h4 class="text-center">Wire-o</h4> <h4 class="text-center">Wire-o</h4>
</div> </div>
</div> </div>

View File

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