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

Merge Conflict Cleanup and Subheader styling

Browse source
This commit is contained in:
scottkiener-at-safelite 2026-02-09 10:34:10 -05:00
parent 5cccaa98f5
commit 4f7cfbc32c
3 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/constants/error-messages.js
View file

@ -67,10 +67,10 @@ const errorMessages = Object.freeze({
DATE_REQUIRED: 'Please select a date',
TIME_REQUIRED: 'Please select an appointment time.',
PRIMARY_PHONE_REQUIRED: 'Primary phone number is required.',
BAILOUT_EMAIL_ADDRESS_REQUIRED: 'Email address is required.'
TPA_SEARCH_ZIP_FORMAT: 'Please enter a valid Zip code.'
BAILOUT_EMAIL_ADDRESS_REQUIRED: 'Email address is required.',
TPA_SEARCH_ZIP_FORMAT: 'Please enter a valid Zip code.',
TPA_SEARCH_SHOP_FORMAT: 'Please enter a valid shop name.',
TPA_SEARCH_REQUIRED: 'Please enter a shop name or ZIP code.',
TPA_SEARCH_REQUIRED: 'Please enter a shop name or ZIP code.'
});
export default errorMessages;

2
src/constants/global-rules.js
View file

@ -28,7 +28,7 @@ const globalRules = Object.freeze({
ZIP_CODE_SEARCH_FORMAT: 'zip-code-search-format',
OPTION_REQUIRED: 'option-required',
PRIMARY_PHONE_REQUIRED: 'primary-phone-required',
BAILOUT_EMAIL_ADDRESS_REQUIRED: 'bailout-email-address-required'
BAILOUT_EMAIL_ADDRESS_REQUIRED: 'bailout-email-address-required',
TPA_SEARCH_FORMAT: 'tpa-search-format'
});

23
src/layouts/tpa-search/tpa-search.vue
View file

@ -15,13 +15,13 @@
<label
id="tpaSearchQuestionLabel"
for="tpaSearchQuestionField"
class="text-center fs-5 mt-5 mb-0 text-black w-100">
class="fs-5 mt-5 text-black w-100">
{{ tpaSearchQuestionLabel }}
</label>
<label
id="searchInstructions"
for="tpaSearchQuestionField"
class="text-center small darker-gray w-100 mb-4">
class="darker-gray w-100 mb-4">
{{ searchInstructionsText }}
</label>
<div class="mb-5">
@ -389,4 +389,23 @@ export default {
.darker-gray {
color: map-get($colors, 'darker-gray');
}
#tpaSearchQuestionLabel {
margin-bottom: 10px;
}
:deep(.tpa-search-container .textbox-question .input-wrapper.has-search-icon) {
#tpaSearchQuestionFieldInput {
border-radius: 72px;
border-color: #0070d1;
box-shadow: rgba(0, 0, 0, 0.2) 0rem 0.0625rem .25rem 0rem;
}
button {
border-radius: 0 72px 72px 0;
border-color: #0070d1;
&:focus {
border-width: 1px;
}
}
}
</style>