Created a button-wrapper div to center buttons
This commit is contained in:
parent
e9080ead15
commit
b35961acea
5 changed files with 53 additions and 27 deletions
src/views
|
|
@ -1,23 +1,33 @@
|
|||
<style scoped>
|
||||
.help {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 80%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
</style>
|
||||
|
||||
<template>
|
||||
<div class="help">
|
||||
<p>{{ $store.state.questions[$store.state.currentQuestion].description }}</p>
|
||||
<router-link to="/questionnaire"><button>Zurück zur Frage</button></router-link>
|
||||
<br><br>
|
||||
<router-link to="/questionnaire"><button v-on:click="$store.commit('nextQuestion')" class="alert">Ich möchte diese Frage überspringen</button></router-link>
|
||||
<div class="help">
|
||||
<p>{{ $store.state.questions[$store.state.currentQuestion].description }}</p>
|
||||
<div class="button-wrapper">
|
||||
<router-link to="/questionnaire">
|
||||
<button>Zurück zur Frage</button>
|
||||
</router-link>
|
||||
<router-link to="/questionnaire">
|
||||
<button v-on:click="$store.commit('nextQuestion')" class="alert">Ich möchte diese Frage überspringen</button>
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "HelpPage",
|
||||
props: {
|
||||
text: String
|
||||
}
|
||||
export default {
|
||||
name: "HelpPage",
|
||||
props: {
|
||||
text: String
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.help {
|
||||
padding: 1em;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -38,7 +38,11 @@
|
|||
<div>
|
||||
<p id="title"><b>COVID</b>assist</p>
|
||||
<p>Die COVID-19 Verhaltensdiagnose, die keine Daten speichert.</p>
|
||||
<router-link style="text-decoration:none" to="/warning"><button>Infektionsrisiko ermitteln</button></router-link>
|
||||
<div class="button-wrapper">
|
||||
<router-link style="text-decoration:none" to="/warning">
|
||||
<button>Infektionsrisiko ermitteln</button>
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a id="information" href="https://www.rki.de/SharedDocs/FAQ/NCOV2019/FAQ_Liste.html"><b>Informationen zu COVID-19</b></a>
|
||||
|
|
|
|||
|
|
@ -24,6 +24,10 @@
|
|||
Bereitschaftsdienst unter 116117 an.
|
||||
</p>
|
||||
</div>
|
||||
<router-link v-on:click="this.$store.commit('startWithFirstQuestion')" style="text-decoration:none" to="/questionnaire"><button>Ich möchte weiter zum Test</button></router-link>
|
||||
<div class="button-wrapper">
|
||||
<router-link v-on:click="this.$store.commit('startWithFirstQuestion')" style="text-decoration:none" to="/questionnaire">
|
||||
<button>Ich möchte weiter zum Test</button>
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue