jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSR-185 alert qa updates.

Browse source
This commit is contained in:
bmauger 2021-11-24 09:26:16 -05:00
parent ce5ddd27a8
commit f3ecb534b2
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/ux-components/alert/alert.vue
View file

@ -2,8 +2,8 @@
<div class="alert fade show text-center mb-0" role="alert" <div class="alert fade show text-center mb-0" role="alert"
:class="[ isDismissible ? 'alert-dismissible' : '', this.alertClass ]" :class="[ isDismissible ? 'alert-dismissible' : '', this.alertClass ]"
> >
<p class="m-0 fw-bold alert-heading">{{alertHeadline}}</p> <p class="m-0 fw-bold small alert-heading">{{alertHeadline}}</p>
<p class="m-0 text-body">{{alertCopy}}</p> <p class="m-0 text-body small">{{alertCopy}}</p>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.7 23.7" xml:space="preserve"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.7 23.7" xml:space="preserve">
<path d="m23.24 2.7-9.15 9.15L23.24 21a1.581 1.581 0 0 1-1.12 2.7c-.42 0-.82-.16-1.12-.46l-9.15-9.15-9.15 9.15c-.3.3-.7.46-1.12.46A1.581 1.581 0 0 1 .46 21l8.47-8.47.68-.68L.46 2.7c-.62-.62-.62-1.62 0-2.24.62-.62 1.62-.62 2.24 0l8.47 8.47.68.68L21 .46a1.57 1.57 0 0 1 2.23 0c.63.62.63 1.62.01 2.24z"/> <path d="m23.24 2.7-9.15 9.15L23.24 21a1.581 1.581 0 0 1-1.12 2.7c-.42 0-.82-.16-1.12-.46l-9.15-9.15-9.15 9.15c-.3.3-.7.46-1.12.46A1.581 1.581 0 0 1 .46 21l8.47-8.47.68-.68L.46 2.7c-.62-.62-.62-1.62 0-2.24.62-.62 1.62-.62 2.24 0l8.47 8.47.68.68L21 .46a1.57 1.57 0 0 1 2.23 0c.63.62.63 1.62.01 2.24z"/>
@ -46,6 +46,7 @@ export default {
} }
} }
&.alert-info { &.alert-info {
background-color: $blue-100;
.alert-heading { .alert-heading {
color: $blue-700; color: $blue-700;
} }
@ -56,26 +57,29 @@ export default {
} }
} }
&.alert-danger { &.alert-danger {
background-color: $red-100;
.alert-heading { .alert-heading {
color: $red-700; color: $red-600;
} }
svg { svg {
fill: $red-700; fill: $red-600;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
} }
} }
&.alert-warning { &.alert-warning {
background-color: $yellow-100;
.alert-heading { .alert-heading {
color: $yellow-700; color: $yellow-600;
} }
svg { svg {
fill: $yellow-700; fill: $yellow-600;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
} }
} }
&.alert-success { &.alert-success {
background-color: $green-100;
.alert-heading { .alert-heading {
color: $green-700; color: $green-700;
} }