Skip to content

Commit 14c02b5

Browse files
fix(tasks): hide populated v-row when task list is empty
The populated state's v-row had no v-if guard, so when the task list was empty it still rendered (just without children) — taking ~16-24px of vertical space (pa-2 + default v-row margins) on top of the empty-state row below. Empty-state card now sits at the same top position as the populated cards (and /task form card).
1 parent dd83245 commit 14c02b5

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/modules/tasks/views/tasks.view.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
</v-btn>
1616
</template>
1717
</PageHeader>
18-
<v-row class="pa-2 mt-0">
18+
<v-row v-if="tasks && tasks.length" class="pa-2 mt-0">
1919
<taskComponent v-for="(item, index) in tasks" :key="item.id" :item="item" :index="index"></taskComponent>
2020
</v-row>
2121
<v-row v-if="!tasks || !tasks.length" class="pa-2 mt-0">

0 commit comments

Comments
 (0)