Files
flotilla/src/lib/components/Avatar.svelte
T
2024-08-15 14:30:55 -07:00

18 lines
430 B
Svelte

<script lang="ts">
import cx from 'classnames'
import Icon from "@lib/components/Icon.svelte"
export let src
export let size = 7
</script>
<div
class={cx($$props.class, "!flex items-center justify-center rounded-full overflow-hidden")}
style={`width: ${size * 4}px; height: ${size * 4}px;`}>
{#if src}
<img alt="" {src} />
{:else}
<Icon icon="user-rounded" size={Math.round(size * .7)} />
{/if}
</div>