custom bouton valider

2025-06-01 14:28:09 +02:00
parent b79b0162d1
commit 36c4ad1579
1 changed files with 14 additions and 2 deletions
@@ -1,7 +1,7 @@
 <template>
  <MainPoll :question-component="QuestionChoice" @submit="submitForm">
    <template #submit>
-      <button type="submit">Submit</button>
+      <button type="submit" id="form-submit">Valider</button>
    </template>
  </MainPoll>
 </template>
@@ -27,4 +27,16 @@ async function submitForm(e: Event) {

  navigateTo({ path: "/results", query: route.query })
 }
-</script>
+</script>
+
+<style>
+#form-submit {
+  padding: .375rem .75rem;
+  border-width: 0px;
+  border-color: rgb(0, 0, 0);
+  border-radius: 5px;
+  background-color: rgb(17, 95, 239);
+  color: white;
+  font-size: 1em;
+}
+</style>