5aaacde6e6
(cherry picked from commit eee1190f10623b6daa374ed59676f639152ceae7) # Conflicts: # frontend/src/components/Settings/ProfileImageEditor.vue
29 lines
574 B
Vue
29 lines
574 B
Vue
<template>
|
|
<div
|
|
class="flex items-center justify-center w-8 h-8 bg-surface-gray-2 cursor-pointer rounded-xl hover:bg-surface-gray-3"
|
|
:class="{ 'ring-2 ring-outline-gray-4': selected }"
|
|
>
|
|
<img :src="logo" class="w-4 h-4" />
|
|
</div>
|
|
<p v-if="serviceName" class="text-xs text-center text-ink-gray-6 mt-2">
|
|
{{ serviceName }}
|
|
</p>
|
|
</template>
|
|
|
|
<script setup>
|
|
defineProps({
|
|
logo: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
serviceName: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
selected: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
})
|
|
</script>
|