34 lines
627 B
Vue
34 lines
627 B
Vue
<template>
|
|
<div
|
|
class="flex items-center justify-center w-8 h-8 bg-gray-100 cursor-pointer rounded-xl hover:bg-gray-200"
|
|
:class="{ 'ring-2 ring-gray-500 dark:ring-gray-100': selected }"
|
|
>
|
|
<img :src="logo" class="w-4 h-4" />
|
|
</div>
|
|
<p
|
|
v-if="serviceName"
|
|
class="text-xs text-center text-gray-700 dark:text-gray-500 mt-2"
|
|
>
|
|
{{ serviceName }}
|
|
</p>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
logo: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
serviceName: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
selected: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<style scoped></style>
|