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

Merge pull request #3132 from Safelite/feature/CASH-1684

Browse source 
Feature/CASH 1684
This commit is contained in:
Chris 2026-04-06 09:46:07 -04:00 committed by GitHub
commit f820469acf
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 88 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -200,25 +200,79 @@ export default {
}
&.alert-info {
background-color: $blue-100;
.alert-heading {
color: $blue-700;
&.bordered {
border-color: $blue-400;
}
&.text-start {
.alert-heading {
display: flex;
align-items: center;
color: $black;
font-weight: 700;
.warning-icon {
margin-right: 0.5rem;
}
}
hr {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
border-color: $blue-400;
}
}
&.text-center {
.alert-heading {
color: $blue-700;
}
}
svg {
fill: $blue-700;
width: 1rem;
height: 1rem;
}
hr {
border-color: $red-800;
}
}
&.alert-danger {
background-color: $red-100;
.alert-heading {
color: $red-600;
&.bordered {
border-color: $red-400;
}
&.text-start {
.alert-heading {
display: flex;
align-items: center;
color: $black;
font-weight: 700;
.warning-icon {
margin-right: 0.5rem;
}
}
hr {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
border-color: $red-400;
}
}
&.text-center {
.alert-heading {
color: $red-600;
}
}
svg {
fill: $red-600;
width: 1rem;
height: 1rem;
}
hr {
border-color: $red-800;
}
}
&.alert-warning {
background-color: $yellow-100;
@ -268,14 +322,42 @@ export default {
}
&.alert-success {
background-color: $green-100;
.alert-heading {
color: $green-700;
&.bordered {
border-color: $green-400;
}
&.text-start {
.alert-heading {
display: flex;
align-items: center;
color: $black;
font-weight: 700;
.warning-icon {
margin-right: 0.5rem;
}
}
hr {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
border-color: $green-400;
}
}
&.text-center {
.alert-heading {
color: $green-700;
}
}
svg {
fill: $green-700;
width: 1rem;
height: 1rem;
}
hr {
border-color: $green-800;
}
}
&.bordered {
border: 1px solid;