diff options
author | Derick Montague <derick.montague@ibm.com> | 2020-03-13 23:15:43 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-03-20 21:26:45 +0300 |
commit | fd22b5b0e770442294bd883a8b4e25ad512717ed (patch) | |
tree | c3a38703e92b1e7118d1b24a92b17db04eb01cd6 /src/components/Global/StatusIcon.vue | |
parent | 4e90eed0a2b03b675f93bd3e731cb72101266c47 (diff) | |
download | webui-vue-fd22b5b0e770442294bd883a8b4e25ad512717ed.tar.xz |
Add alert message component and documentation
- Add custom alert component to simplify the use of custom alerts
- Add documentation for using the custom alert
- Update the login error alert to use the alert component instead of
the Bootstrap-vue component.
- Register alert component in enhanceApp
- Replace Sass variables used in the StatusIcon component style block
to use the Boostrap theme-color and gray Sass functions so the colors
can be used in the Vuepress documentation custom components
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ibd93402c919a42bd5c24cc9e7c6c8fc6f17a4db4
Diffstat (limited to 'src/components/Global/StatusIcon.vue')
-rw-r--r-- | src/components/Global/StatusIcon.vue | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/components/Global/StatusIcon.vue b/src/components/Global/StatusIcon.vue index 96074ee6..11143212 100644 --- a/src/components/Global/StatusIcon.vue +++ b/src/components/Global/StatusIcon.vue @@ -33,20 +33,20 @@ export default { .status-icon { vertical-align: text-bottom; &.success { - fill: $success; + fill: theme-color('success'); } &.danger { - fill: $danger; + fill: theme-color('danger'); } &.secondary { - fill: $gray-600; + fill: gray('600'); svg { transform: rotate(-45deg); } } &.warning { - fill: $warning; + fill: theme-color('warning'); } } </style> |