tabby/vue-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

partially added badges, currently buggy

Browse source
This commit is contained in:
Tabby 2025-06-28 18:06:11 +10:00
parent 2119279787
commit a9db28d1a8
4 changed files with 118 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/ProjectCardContent.vue
View file

@ -1,12 +1,15 @@
<template>
<div>
<!-- <button @click="$emit('close')"> Close </button> -->
<img src="public\img\close.png" class="close-button" @click="$emit('close')">
<img src="/public\img\close.png" class="close-button" @click="$emit('close')">
<h2>{{title}}</h2>
<p>{{description}}</p>
<br>
<!-- <ClientOnly> -->
<div class="badges-container">
<Badge v-for="(data, i) of badges" :key="i" :id="data" />
</div>
<div class="buttons">
<SmallButton v-for="(data, i) of buttons" :key="i" class="button" :text="data.text"
:href="data.link" />
@ -20,6 +23,7 @@
<script lang="ts" setup>
import {defineProps, defineEmits} from 'vue'
import type { BadgeData } from './ProjectCardV2.vue';
export interface ButtonData {
text: string,
@ -31,6 +35,7 @@ const props = defineProps<{
description: string,
longDescription?: string,
buttons?: Array<ButtonData>,
badges?: Array<string>,
}>();
defineEmits("close")
@ -53,4 +58,12 @@ defineEmits("close")
white-space: pre-wrap;
}
.badges-container{
display: flex;
flex-direction: row;
gap: 5px;
flex-wrap: wrap;
margin-bottom: 10px;
}
</style>