1
0

Make sure all empty pages have a call to action

This commit is contained in:
kolaente
2021-01-17 20:21:33 +01:00
parent ec4c941fb1
commit 2139d4d528
5 changed files with 32 additions and 13 deletions

View File

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