Add more projects and fixup existing ones

This commit is contained in:
mitchell 2024-06-21 18:24:54 -04:00
parent ee0b48af25
commit e0a2e3df9d
12 changed files with 116 additions and 20 deletions

View file

@ -13,7 +13,7 @@ const { text, copy, isSupported } = useClipboard();
</script>
<template>
<div v-if="isSupported" class="button-container">
<div v-if="isSupported" class="container">
<VPButton
theme="brand"
class="button"
@ -33,7 +33,7 @@ const { text, copy, isSupported } = useClipboard();
@click="copy(discord)"
/>
</div>
<div v-else class="button-container">
<div v-else class="container">
<VPButton
theme="brand"
class="button"
@ -58,8 +58,9 @@ const { text, copy, isSupported } = useClipboard();
<style scoped>
.button {
margin: 6px;
text-decoration: none;
}
.button-container {
.container {
margin: -6px;
}
</style>

26
components/RepoButton.vue Normal file
View file

@ -0,0 +1,26 @@
<script setup lang="ts">
import { VPButton } from "vitepress/theme";
const props = defineProps<{ href: string }>();
</script>
<template>
<div class="container">
<VPButton
theme="brand"
text="Repository"
class="button"
:href="props.href"
/>
</div>
</template>
<style scoped>
.container {
display: flex;
justify-content: center;
}
.button {
margin-top: 30px;
text-decoration: none;
}
</style>