mirror of
https://github.com/frappe/books.git
synced 2024-11-10 15:50:56 +00:00
25 lines
398 B
Vue
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>
|