signature - more css bootstrap layout of the signature vue app

This commit is contained in:
nobohan 2024-07-02 16:20:40 +02:00
parent 794c479b9e
commit 0c8ef37860
2 changed files with 14 additions and 9 deletions

View File

@ -12,23 +12,26 @@
<div class="col-12">
<div class="row justify-content-center">
<div class="col-3">
<button class="btn btn-primary" :disabled="!userSignatureZones" @click="confirm_sign">
Confirmer la signature
<div class="col-6">
<button class="btn btn-create me-2" :disabled="!userSignatureZones" @click="confirm_sign">
Signer
</button>
<button class="btn btn-misc" :disabled="!userSignatureZones" @click="undo_sign">
Enlever la signature
</button>
</div>
<div class="col-3">
<button class="btn btn-primary" :disabled="!userSignatureZones" @click="undo_sign">
Supprimer la signature
<div class="col-6">
<button class="btn float-end btn-delete" :disabled="!userSignatureZones" @click="undo_sign">
Refuser de signer
</button>
</div>
</div>
<div class="row justify-content-center">
<div class="col-2">
<div class="col-4">
<button class="btn btn-light" @click="turn_signature(-1)">Zone de signature précédente</button>
</div>
<div class="col-2">
<div class="col-4">
<button class="btn btn-light" @click="turn_signature(1)">Zone de signature suivante</button>
</div>
</div>
@ -36,7 +39,7 @@
<div class="row justify-content-center" v-if="pageCount > 1">
<div class="col-3">
<button class="btn btn-light" :disabled="page <= 1" @click="turn_page(-1)"></button>
{{ page }} / {{ pageCount }}
page {{ page }} / {{ pageCount }}
<button class="btn btn-light" :disabled="page >= pageCount" @click="turn_page(1)"></button>
</div>
</div>

View File

@ -8,6 +8,8 @@
<title>Signature</title>
{{ encore_entry_link_tags('mod_bootstrap') }}
{{ encore_entry_link_tags('mod_forkawesome') }}
{{ encore_entry_link_tags('chill') }}
</head>