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

Style updates to match Figma.

Browse source
This commit is contained in:
bmauger 2022-02-28 08:57:08 -05:00
parent b2c0676598
commit d614e57af2
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/common-components/dropdown-question/dropdown-question.vue
View file

@ -26,6 +26,9 @@ export default {
<style lang="scss">
.dropdown-question {
label {
color: $black;
}
.form-label {
margin-bottom: .25rem;
}
@ -37,7 +40,7 @@ export default {
min-height: 3rem;
&:focus,
&:focus-visible {
box-shadow: 0 0 0 2px $blue;
box-shadow: 0 0 0 2.5px $blue;
}
&:disabled,
&.disabled {
@ -49,7 +52,7 @@ export default {
}
}
&:hover {
border: 1px solid transparent;
border: 1px solid $gray-500;
box-shadow: 0 0 0 4px $blue-300;
}
}

7
src/common-components/textbox-question/textbox-question.vue
View file

@ -28,6 +28,9 @@ export default {
<style lang="scss">
.textbox-question {
label {
color: $black;
}
input {
&.has-icon {
background-image: url(~@/assets/img/icons/location-pin.svg);
@ -52,7 +55,7 @@ export default {
color: $gray-500;
}
&:focus {
box-shadow: 0 0 0 2px $blue;
box-shadow: 0 0 0 2.5px $blue;
}
&:disabled,
&.disabled {
@ -63,7 +66,7 @@ export default {
}
}
&:hover {
border: 1px solid transparent;
border: 1px solid $gray-500;
box-shadow: 0 0 0 4px $blue-300;
}
}