Kristaps Fabians Geikins
f2d7493c2a
* stuff copied over, but aint workin * various fixes * vscode settings * trigger deploy * trigger deploy
36 lines
880 B
Vue
36 lines
880 B
Vue
<template>
|
|
<div
|
|
:class="[
|
|
'flex shrink-0 overflow-hidden rounded-md border border-outline-2 bg-foundation-2',
|
|
sizeClasses
|
|
]"
|
|
>
|
|
<div
|
|
class="h-full w-full bg-cover bg-center bg-no-repeat flex items-center justify-center"
|
|
:style="logo ? { backgroundImage: `url('${logo}')` } : {}"
|
|
>
|
|
<span v-if="!logo" class="text-foreground-3 uppercase leading-none">
|
|
{{ name[0] }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import type { MaybeNullOrUndefined } from '@speckle/shared'
|
|
import { type UserAvatarSize, useAvatarSizeClasses } from '@speckle/ui-components'
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
size?: UserAvatarSize
|
|
logo: MaybeNullOrUndefined<string>
|
|
name: string
|
|
}>(),
|
|
{
|
|
size: 'base'
|
|
}
|
|
)
|
|
|
|
const { sizeClasses } = useAvatarSizeClasses({ props: toRefs(props) })
|
|
</script>
|