CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-05 06:20:55 +12:00
Code Issues Projects Releases Wiki Activity

adds wip initial mode to Avatar

Browse source
This commit is contained in:
Keviin Åberg Kultalahti 2021-05-05 09:12:25 +02:00
parent 550861ec32
commit 7e4e7720d7
1 changed files with 29 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
packages/bbui/src/Avatar/Avatar.svelte
View file

@ -2,11 +2,34 @@
import "@spectrum-css/avatar/dist/index-vars.css"
export let url = ""
export let disabled = false
export let initials = "KA"
</script>
<img
class:is-disabled={disabled}
class="spectrum-Avatar"
src={url}
alt="Avatar"
/>
{#if url}
<img
class:is-disabled={disabled}
class="spectrum-Avatar"
src={url}
alt="Avatar"
/>
{:else}
<div>{initials}</div>
{/if}
<style>
div {
color: white;
display: grid;
place-items: center;
font-weight: bold;
background: rgb(63, 94, 251);
background: linear-gradient(
155deg,
rgba(63, 94, 251, 1) 0%,
rgba(53, 199, 86, 1) 47%
);
border-radius: 50%;
width: 32px;
height: 32px;
}
</style>