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

13
app/javascript/dashboard/components/layout/sidebarComponents/AddAccountModal.vue
View file

@ -12,7 +12,7 @@
<div v-if="!hasAccounts" class="alert-wrap">
<div class="callout alert">
<div class="icon-wrap">
<i class="ion-alert-circled"></i>
<fluent-icon icon="warning" />
</div>
{{ $t('CREATE_ACCOUNT.NO_ACCOUNT_WARNING') }}
</div>
@ -102,18 +102,19 @@ export default {
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.alert-wrap {
margin: var(--space-zero) var(--space-large);
margin-top: var(--space-medium);
font-size: var(--font-size-small);
margin: var(--space-medium) var(--space-large) var(--space-zero);
.callout {
align-items: center;
border-radius: var(--border-radius-normal);
display: flex;
justify-content: center;
}
}
.icon-wrap {
font-size: var(--font-size-big);
margin-left: var(--space-smaller);
margin-right: var(--space-slab);
}