Merge branch 'new-images-compatibility' into 'develop'
new-images-compatibility See merge request witapp/aura-webapp!150
This commit is contained in:
commit
eceea48644
@ -61,12 +61,12 @@ function RelationshipZodiacInfoPage() {
|
|||||||
/>
|
/>
|
||||||
<div className={styles["image-container"]}>
|
<div className={styles["image-container"]}>
|
||||||
<img
|
<img
|
||||||
src={`/questionnaire/zodiacs/${gender}/${zodiacSign?.toLowerCase()}.webp`}
|
src={`/questionnaire-redesign/zodiacs/${gender}/pdf.sex.${zodiacSign?.toUpperCase()}.${gender.toUpperCase()}.webp`}
|
||||||
alt="The zodiac signs"
|
alt="The zodiac signs"
|
||||||
/>
|
/>
|
||||||
<img src="/plus.svg" alt="Plus" />
|
<img src="/plus.svg" alt="Plus" />
|
||||||
<img
|
<img
|
||||||
src={`/questionnaire/zodiacs/${partnerGender}/${partnerZodiacSign?.toLowerCase()}.webp`}
|
src={`/questionnaire-redesign/zodiacs/${partnerGender}/pdf.sex.${partnerZodiacSign?.toUpperCase()}.${partnerGender.toUpperCase()}.webp`}
|
||||||
alt="The zodiac signs"
|
alt="The zodiac signs"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -33,14 +33,15 @@ function WithPartnerInformation(props: IWithPartnerInformationProps) {
|
|||||||
<div className={styles["images-container"]}>
|
<div className={styles["images-container"]}>
|
||||||
<div className={styles["image-container"]}>
|
<div className={styles["image-container"]}>
|
||||||
<img
|
<img
|
||||||
src={`/questionnaire/zodiacs/${gender}/${zodiacSign?.toLowerCase()}.webp`}
|
src={`/questionnaire-redesign/zodiacs/${gender}/pdf.sex.${zodiacSign?.toUpperCase()}.${gender.toUpperCase()}.webp`}
|
||||||
alt={`${gender} ${zodiacSign}`}
|
alt={`${gender} ${zodiacSign}`}
|
||||||
/>
|
/>
|
||||||
<p>You</p>
|
<p>You</p>
|
||||||
</div>
|
</div>
|
||||||
|
<img src="/plus.svg" alt="Plus" />
|
||||||
<div className={styles["image-container"]}>
|
<div className={styles["image-container"]}>
|
||||||
<img
|
<img
|
||||||
src={`/questionnaire/zodiacs/${partnerGender}/${partnerZodiacSign?.toLowerCase()}.webp`}
|
src={`/questionnaire-redesign/zodiacs/${partnerGender}/pdf.sex.${partnerZodiacSign?.toUpperCase()}.${partnerGender.toUpperCase()}.webp`}
|
||||||
alt={`${partnerGender} ${partnerZodiacSign}`}
|
alt={`${partnerGender} ${partnerZodiacSign}`}
|
||||||
/>
|
/>
|
||||||
<p>Partner</p>
|
<p>Partner</p>
|
||||||
|
|||||||
@ -17,8 +17,10 @@
|
|||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
border-top-left-radius: 15px;
|
border-top-left-radius: 15px;
|
||||||
border-top-right-radius: 15px;
|
border-top-right-radius: 15px;
|
||||||
display: flex;
|
display: grid;
|
||||||
justify-content: space-around;
|
grid-template-columns: 1fr min-content 1fr;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
padding-bottom: 6px;
|
padding-bottom: 6px;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user