Created a button-wrapper div to center buttons

This commit is contained in:
Tim Ktitarev 2020-03-22 13:06:42 +01:00
commit b35961acea
5 changed files with 53 additions and 27 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>