ADD: Responsiveness
This commit is contained in:
parent
8395825aea
commit
236aa01d6e
7 changed files with 106 additions and 43 deletions
25
components/Person/Person.vue
Normal file
25
components/Person/Person.vue
Normal file
|
@ -0,0 +1,25 @@
|
|||
<style scoped src="./Person.css"/>
|
||||
|
||||
<template>
|
||||
<article class="Person flex-col">
|
||||
<img :src="img" :alt="`Bild von ${name}`" />
|
||||
<h3>{{name}}</h3>
|
||||
<p>
|
||||
<span v-for="tag in tags">{{tag}}</span>
|
||||
</p>
|
||||
<p>{{flavour}}</p>
|
||||
<Button :href="link" target="_blank" rel="noreferrer noopener" label="Zur Homepage" />
|
||||
</article>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
type Props = {
|
||||
img: string
|
||||
name: string
|
||||
tags: string[]
|
||||
flavour: string
|
||||
link: string
|
||||
}
|
||||
|
||||
defineProps<Props>()
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue