CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-06 23:10:57 +12:00
Code Issues Projects Releases Wiki Activity

adjust font-size with size on Avatar component

Browse source
This commit is contained in:
Keviin Åberg Kultalahti 2021-05-05 10:44:50 +02:00
parent d33b9b8e97
commit 256554d6fc
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -24,7 +24,11 @@
style="width: var({sizes.get(size)}); height: var({sizes.get(size)});" style="width: var({sizes.get(size)}); height: var({sizes.get(size)});"
/> />
{:else} {:else}
<div style="width: var({sizes.get(size)}); height: var({sizes.get(size)});"> <div
style="width: var({sizes.get(size)}); height: var({sizes.get(
size
)}); font-size: calc(var({sizes.get(size)}) / 2)"
>
{initials} {initials}
</div> </div>
{/if} {/if}
@ -42,5 +46,6 @@
rgba(53, 199, 86, 1) 47% rgba(53, 199, 86, 1) 47%
); );
border-radius: 50%; border-radius: 50%;
overflow: hidden;
} }
</style> </style>