custom bouton valider
This commit is contained in:
+13
-1
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<MainPoll :question-component="QuestionChoice" @submit="submitForm">
|
<MainPoll :question-component="QuestionChoice" @submit="submitForm">
|
||||||
<template #submit>
|
<template #submit>
|
||||||
<button type="submit">Submit</button>
|
<button type="submit" id="form-submit">Valider</button>
|
||||||
</template>
|
</template>
|
||||||
</MainPoll>
|
</MainPoll>
|
||||||
</template>
|
</template>
|
||||||
@@ -28,3 +28,15 @@ async function submitForm(e: Event) {
|
|||||||
navigateTo({ path: "/results", query: route.query })
|
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>
|
||||||
Reference in New Issue
Block a user