Files
myPrayerJournal/src/app/src/App.vue
T
Daniel J. Summers 8055c34f7c Prep for 0.8.2 release
- Adds ability to view answered requests (#3)
- Fixes multi-line request display (#7)
- Docs updated for 0.8.2
2017-10-01 16:15:56 -05:00

53 lines
781 B
Vue

<template lang="pug">
#app
navigation
#content.container
router-view
vue-progress-bar
toast(ref='toast')
footer
p.text-right: i myPrayerJournal v0.8.2
</template>
<script>
'use strict'
import Navigation from './components/Navigation.vue'
export default {
name: 'app',
components: {
Navigation
},
mounted () {
this.$refs.toast.setOptions({ position: 'bottom right' })
},
computed: {
toast () {
return this.$refs.toast
}
}
}
</script>
<style>
body {
padding-top: 60px;
}
footer {
border-top: solid 1px lightgray;
margin-top: 1rem;
padding: 0 1rem;
}
footer p {
margin: 0;
}
.mpj-page-title {
border-bottom: solid 1px lightgray;
margin-bottom: 20px;
}
.mpj-request-text {
white-space: pre-line;
}
</style>