21 lines
462 B
Vue
21 lines
462 B
Vue
<template>
|
|
<a target="_blank" :href="to">
|
|
<div v-if="icon" :class="icon" class="h-24px w-24px" />
|
|
<div class="ml-2" />
|
|
<slot />
|
|
</a>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
to?: string
|
|
icon?: string
|
|
}>()
|
|
</script>
|
|
|
|
<style scoped>
|
|
a {
|
|
--at-apply: bg-white hover:bg-stone-100 active:bg-neutral-200 border-solid border-2 border-light-950 c-coolgray-700 decoration-none flex items-center rounded text-4 h-11 px-3 shadow;
|
|
}
|
|
</style>
|