andatoshiki/toshiki-notebook
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-notebook.git synced 2026-06-06 09:16:45 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: add cardlink profile short intro vue component

Browse Source
This commit is contained in:
Anda Toshiki 2023-05-24 13:51:14 +08:00
parent 2698755e32
commit 9f56fd21bd
1 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
docs/.vitepress/theme/components/CardLink.vue Normal file
View File

@ -0,0 +1,28 @@
<template>
<div class="shareCard">
<h1 class="title">
<span>ようこそ👋、安田俊樹です!</span>
</h1>
<p class="description">💖 世界一番可愛いの魔法少女安田俊樹!</p>
</div>
</template>
<script lang="ts" setup></script>
<style scoped>
.shareCard {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 15px;
text-align: center;
}
.title {
display: flex;
align-items: center;
font-size: 2.2em;
font-weight: bold;
}
.description {
margin: 1em 0;
}
</style>