studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Timothée Goguely 2024-09-12 19:10:41 +02:00
parent 7e57ef6181
commit a7dd6ed963
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/views/Inspirations.vue
View file

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