LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: Add support for dark mode in more pages

Browse Source 
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Sivin Varghese
2023-07-06 07:56:24 +05:30
committed by GitHub
parent 4e8d17f017
commit 528da1d2cf
21 changed files with 211 additions and 502 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/javascript/dashboard/components/widgets/conversation/AvailabilityStatusBadge.vue
View File

@@ -1,5 +1,9 @@
<template>
<div :class="`status-badge status-badge__${status}`" />
<div
:class="
`status-badge status-badge__${status} rounded-full w-2.5 h-2.5 mr-0.5 rtl:mr-0 rtl:ml-0.5 inline-flex`
"
/>
</template>
<script>
export default {
@@ -9,21 +13,15 @@ export default {
};
</script>
<style lang="scss" scoped>
@import '~dashboard/assets/scss/variables';
.status-badge {
width: var(--space-one);
height: var(--space-one);
margin-right: var(--space-micro);
display: inline-block;
border-radius: 50%;
&__online {
background: var(--g-400);
@apply bg-green-400;
}
&__offline {
background: var(--s-500);
@apply bg-slate-500;
}
&__busy {
background: var(--y-500);
@apply bg-yellow-500;
}
}
</style>