diff --git a/frontend/rabbi_gerzi/src/stores/elements.ts b/frontend/rabbi_gerzi/src/stores/elements.ts index 6922157..b7ae058 100644 --- a/frontend/rabbi_gerzi/src/stores/elements.ts +++ b/frontend/rabbi_gerzi/src/stores/elements.ts @@ -4,6 +4,7 @@ import { defineStore } from 'pinia' export interface Element { id: number title: string + description: string } interface ElementResponse { diff --git a/frontend/rabbi_gerzi/src/views/ElementPage.vue b/frontend/rabbi_gerzi/src/views/ElementPage.vue index 39d0866..fd8a5fa 100644 --- a/frontend/rabbi_gerzi/src/views/ElementPage.vue +++ b/frontend/rabbi_gerzi/src/views/ElementPage.vue @@ -65,7 +65,15 @@ watch( class="element-page__child-link" data-cy="child-element-link" > - {{ childElement.title }} + + {{ childElement.title }} + + + {{ childElement.description }} + @@ -131,6 +139,19 @@ watch( transform 180ms ease; } +.element-page__child-title { + display: block; +} + +.element-page__child-description { + display: block; + margin-top: 0.4rem; + color: var(--color-text-muted); + font-family: var(--font-sans); + font-size: 0.95rem; + line-height: 1.45; +} + .element-page__child-link:hover, .element-page__child-link:focus-visible { border-color: #d4ad5f;