8648f761ed
--------- Signed-off-by: 秋雨落 <i@rain.cx> Co-authored-by: Neko-233 <1260907335@qq.com> Co-authored-by: Neko <neko@ayaka.moe>
27 lines
659 B
Vue
27 lines
659 B
Vue
<script setup lang="ts">
|
|
import type { ButtonItem } from '../theme/config.ts'
|
|
|
|
defineProps<{
|
|
item: ButtonItem
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<a
|
|
:href="item.link"
|
|
:class="[
|
|
'rounded-xl px-3 py-2 lg:px-5 lg:py-3 font-extrabold outline-none backdrop-blur-md active:scale-95 focus:outline-none text-nowrap text-sm md:text-base',
|
|
'text-slate-700 dark:text-slate-100',
|
|
]"
|
|
:bg="item.primary ? 'primary/20 dark:primary/30 dark:hover:primary/40' : 'black/4 dark:white/20 dark:hover:white/30'"
|
|
transition="colors,transform duration-200 ease-in-out"
|
|
cursor-pointer
|
|
>
|
|
{{ item.text }}
|
|
</a>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|