KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Use Fluent SVG icons on the dashboard (#3482)

Browse source
This commit is contained in:
Pranav Raj S 2021-11-30 21:03:18 -08:00 • committed by GitHub
parent 98be3b33c1
commit c792cfc0be
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
151 changed files with 613 additions and 617 deletions
Download patch file Download diff file Expand all files Collapse all files

11
app/javascript/dashboard/components/widgets/InboxName.vue
View file

@ -1,8 +1,8 @@
<template>
<span class="inbox--name">
<i :class="computedInboxClass" />
<div class="inbox--name">
<fluent-icon class="inbox--icon" :icon="computedInboxClass" size="12" />
{{ inbox.name }}
</span>
</div>
</template>
<script>
import { getInboxClassByType } from 'dashboard/helper/inbox';
@ -25,6 +25,7 @@ export default {
</script>
<style scoped>
.inbox--name {
display: inline-flex;
padding: var(--space-micro) 0;
line-height: var(--space-slab);
font-weight: var(--font-weight-medium);
@ -32,4 +33,8 @@ export default {
color: var(--s-500);
font-size: var(--font-size-mini);
}
.inbox--icon {
margin-right: var(--space-micro);
}
</style>