39 lines
866 B
Vue
39 lines
866 B
Vue
<script setup lang="ts">
|
|
interface Props {
|
|
logo: string;
|
|
href?: string;
|
|
company: string;
|
|
}
|
|
|
|
const props = defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex gap-5">
|
|
<NuxtLink :to="props.href" target="_blank" class="block">
|
|
<NuxtImg
|
|
placeholder
|
|
:src="props.logo"
|
|
:alt="props.company"
|
|
class="block rounded min-w-[50px]"
|
|
format="webp"
|
|
height="50"
|
|
width="50"
|
|
fit="outside"
|
|
/>
|
|
</NuxtLink>
|
|
<div class="flex flex-col justify-center gap-1">
|
|
<NuxtLink
|
|
:href="props.href"
|
|
target="_blank"
|
|
class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4"
|
|
>
|
|
{{ props.company }}
|
|
</NuxtLink>
|
|
<div class="text-sm text-gray-500 lg:max-w-lg">
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|