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

CASH-2025: styling updates

Browse source
This commit is contained in:
Adam Caouette 2026-01-09 18:00:03 -05:00
parent 9fad67319b
commit e391b21bf7
1 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/layouts/quote/oem-glass-question/oem-glass-question.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="oem-glass-question-container py-3 my-2" :class="[isExpanded ? 'expanded' : '']">
<div class="oem-glass-question-container py-5 mt-3 mb-6" :class="[isExpanded ? 'expanded' : '']">
<div
class="oem-glass-question-header d-flex align-items-center justify-content-between"
class="oem-glass-question-header"
@click="toggleIsExpanded">
{{ headerText }}
</div>
@ -67,8 +67,14 @@ export default {
<style lang="scss">
.oem-glass-question-container {
border-top: 1px solid gray;
.oem-glass-question-header {
font-weight: bold;
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
color: $blue;
display: flex;
align-items: center;
justify-content: flex-start;
span {
flex-grow: 1;
@ -81,21 +87,24 @@ export default {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 9'%3E%3Cpath d='M7.99282 0.117702C7.75716 0.116049 7.53044 0.207797 7.3623 0.37286L0.255553 7.46878C0.0862976 7.63796 -0.00878906 7.86742 -0.00878906 8.10667C-0.00878906 8.34593 0.0862976 8.57539 0.255553 8.74457C0.424808 8.91374 0.654368 9.00879 0.893731 9.00879C1.13309 9.00879 1.36265 8.91374 1.53191 8.74457L7.99282 2.27378L14.4614 8.74457C14.6307 8.91205 14.8595 9.00547 15.0977 9.00428C15.3359 9.00308 15.5638 8.90737 15.7314 8.73819C15.8989 8.56901 15.9924 8.34022 15.9912 8.10216C15.99 7.8641 15.8942 7.63627 15.725 7.46878L8.6259 0.377963C8.45765 0.21088 8.22999 0.117289 7.99282 0.117702Z' fill='%230C7E47'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
color: $blue;
width: 16px;
height: 16px;
display: inline-flex;
position: relative;
margin-left: .5rem;
}
}
.oem-glass-question-body {
transition: all 500ms ease-out;
visibility: hidden;
overflow: hidden;
max-height: 0;
transition: all 350ms ease-in;
overflow: hidden;
visibility: hidden;
.oem-glass-question-option {
margin-top: 0.5em;
font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
.oem-glass-question-strikethrough-price {
font-size: smaller;
@ -123,8 +132,6 @@ export default {
.oem-glass-question-body {
visibility: visible;
max-height: none;
border-top: 1px solid $green-400;
padding-top: 0.5em;
margin-top: 0.5em;
}