Make sure all empty pages have a call to action
This commit is contained in:
parent
ec4c941fb1
commit
2139d4d528
5 changed files with 32 additions and 13 deletions
|
|
@ -61,7 +61,9 @@
|
|||
placeholder="Add a new task..."
|
||||
type="text"
|
||||
v-focus
|
||||
v-model="newTaskText"/>
|
||||
v-model="newTaskText"
|
||||
ref="newTaskInput"
|
||||
/>
|
||||
<span class="icon is-small is-left">
|
||||
<icon icon="tasks"/>
|
||||
</span>
|
||||
|
|
@ -81,8 +83,9 @@
|
|||
</p>
|
||||
</div>
|
||||
|
||||
<p class="list-is-empty-notice" v-if="tasks.length === 0">
|
||||
<p class="has-text-centered has-text-grey" v-if="tasks.length === 0">
|
||||
This list is currently empty.
|
||||
<a @click="$refs.newTaskInput.focus()">Create a new task.</a>
|
||||
</p>
|
||||
|
||||
<div class="columns">
|
||||
|
|
|
|||
Reference in a new issue