CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-09-30 17:18:14 +13:00
Code Issues Projects Releases Wiki Activity

Add square option to status lights

Browse source
This commit is contained in:
Andrew Kingston 2022-07-25 17:04:29 +01:00
parent 501759134e
commit bf15f86ade
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/bbui/src/StatusLight/StatusLight.svelte
View file

@ -18,11 +18,13 @@
export let disabled = false
export let active = false
export let color = null
export let square = false
</script>
<div
class="spectrum-StatusLight spectrum-StatusLight--size{size}"
class:custom={!!color}
class:square
style={`--color: ${color};`}
class:spectrum-StatusLight--celery={celery}
class:spectrum-StatusLight--yellow={yellow}
@ -61,4 +63,10 @@
.custom::before {
background: var(--color) !important;
}
.square::before {
width: 16px;
height: 16px;
border-radius: 4px;
margin: 0;
}
</style>