Update Inspiration view: hide Header if currentTab is not 'all', rename tablist title

This commit is contained in:
Timothée Goguely 2024-09-12 19:10:41 +02:00
parent 7e57ef6181
commit a7dd6ed963

View file

@ -3,11 +3,11 @@
<div class="with-sidebar">
<Menu />
<main>
<h2 id="tabslist" class="sr-only">Inspirations</h2>
<h2 id="tabslist" class="sr-only">Les Inspirations / Mes Favoris</h2>
<Tabs :tabs="tabs" @update:currentTab="changeTab" />
<Selector />
<section :id="currentTab" class="inspiration" aria-labelledby="inspiration-title">
<Header :inspiration="currentInspiration" />
<Header v-if="currentTab === 'all'" :inspiration="currentInspiration" />
<div class="masonry flow">
<template
v-for="(item, index) in currentInspiration.media"
@ -35,7 +35,7 @@ import { useUserStore } from "../stores/user";
import { ref, computed } from "vue";
const { data } = defineProps({
data: Object,
data: Object
});
const user = useUserStore().user;