Files
59640f11f4 docs: rebrand (#9345)
Co-authored-by: marchantweb <[email protected]>
Co-authored-by: mdong1909 <[email protected]>
Co-authored-by: Hiroshi Ogawa <[email protected]>

Co-authored-by: Vladimir Sheremet <[email protected]>
Co-authored-by: Michael Dong <[email protected]>
Co-authored-by: Ujjwaljain16 <[email protected]>

Co-authored-by: sheremet-va <[email protected]>
Co-authored-by: hi-ogawa <[email protected]>
Co-authored-by: Ari Perkkiƶ <[email protected]>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Carlo Jeske <[email protected]>

Co-authored-by: Hanzo Dev <[email protected]>
2026-01-13 10:11:29 +01:00

32 lines
531 B
Vue

<script setup lang="ts">
import { Icon } from '@iconify/vue'
defineProps<{
href: string
}>()
</script>
<template>
<a :href="href" target="_blank" class="course-link">
<Icon icon="carbon:play-filled" class="course-icon" />
<slot />
</a>
</template>
<style scoped>
.course-link {
background-color: rgb(34 197 94 / 0.1);
padding: 0.75rem 1rem;
border-radius: 0.25rem;
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 0.5rem;
}
.course-icon {
flex: none;
font-size: 1.125rem;
}
</style>