diff options
author | Derick Montague <derick.montague@ibm.com> | 2020-03-13 00:49:55 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-03-13 00:49:55 +0300 |
commit | 7223a9fb310ab2f5665b7247d8f24144cbacbede (patch) | |
tree | f75f2b6cdb1df7f1dc64a421cf60c34e02e7cbe0 /src/views | |
parent | 71650fff20c0ad29eb05d770736386863324b64e (diff) | |
download | webui-vue-7223a9fb310ab2f5665b7247d8f24144cbacbede.tar.xz |
Revert "Add alert message component and documentation"
This reverts commit 71650fff20c0ad29eb05d770736386863324b64e.
Reason for revert: Found an issue with Sass loader when compiling docs that needs to be addressed.
Change-Id: Icdd1243665f60849bfb341594452687fcdaeebe2
Diffstat (limited to 'src/views')
-rw-r--r-- | src/views/Login/Login.vue | 27 |
1 files changed, 21 insertions, 6 deletions
diff --git a/src/views/Login/Login.vue b/src/views/Login/Login.vue index bdf2a6ac..2018720c 100644 --- a/src/views/Login/Login.vue +++ b/src/views/Login/Login.vue @@ -15,11 +15,12 @@ </b-col> <b-col md="6"> <b-form class="login-form" novalidate @submit.prevent="login"> - <alert class="login-error" :show="authError" variant="danger"> + <b-alert class="login-error" :show="authError" variant="danger"> <p id="login-error-alert"> - {{ $t('pageLogin.alert.message') }} + <strong>{{ $t('pageLogin.alert.title') }}</strong> + <span>{{ $t('pageLogin.alert.action') }}</span> </p> - </alert> + </b-alert> <div class="login-form__section"> <label for="language">{{ $t('pageLogin.language') }}</label> <b-form-select @@ -82,11 +83,9 @@ import { required } from 'vuelidate/lib/validators'; import VuelidateMixin from '../../components/Mixins/VuelidateMixin.js'; import i18n from '../../i18n'; -import Alert from '../../components/Global/Alert'; export default { name: 'Login', - components: { Alert }, mixins: [VuelidateMixin], data() { return { @@ -174,8 +173,24 @@ export default { margin-bottom: $spacer; } -.alert.login-error { +.login-error { margin-bottom: $spacer * 2; + + p { + margin-bottom: 0; + } + + strong { + display: block; + font-size: 1rem; + font-weight: 600; + margin-bottom: 0; + } + + strong + span { + margin-top: $spacer / 2; + margin-bottom: 0; + } } .login-branding { |