2
0
mirror of https://github.com/frappe/books.git synced 2024-11-10 15:50:56 +00:00
books/ui/components/Indicator.vue
2018-06-27 20:08:27 +05:30

25 lines
398 B
Vue

<template>
<span :class="['indicator', 'indicator-' + color]"></span>
</template>
<script>
export default {
props: ['color']
}
</script>
<style lang="scss">
@import "../styles/variables";
.indicator {
display: inline-block;
width: 0.5rem;
height: 0.5rem;
background-color: $gray-400;
border-radius: 50%;
}
.indicator-blue {
background-color: $primary;
}
</style>