gofnnp/w-aura
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix-lottie

Browse Source
This commit is contained in:
gofnnp 2024-06-29 15:21:04 +04:00
parent 7652b17e80
commit bc8bed6b44
3 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/satisfied-no.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 201 KiB

18
src/components/pages/ABDesign/v1/pages/Satisfied/index.tsx
View File

@ -42,7 +42,7 @@ function Satisfied() {
<section <section
className={`${styles.page} page`} className={`${styles.page} page`}
style={{ style={{
backgroundImage: `url(/satisfied-${satisfied}.png)`, backgroundImage: `url(/satisfied-${satisfied}.webp)`,
}} }}
> >
<Header <Header
@ -50,12 +50,13 @@ function Satisfied() {
isBackButtonVisible={false} isBackButtonVisible={false}
/> />
{satisfied === "yes" && ( {satisfied === "yes" && (
<div // <div
style={{ // style={{
width: "100%", // width: "100%",
aspectRatio: "337 / 406", // aspectRatio: "337 / 406",
}} // }}
> // >
<>
{animationSun && ( {animationSun && (
<DotLottieReact <DotLottieReact
className={`${styles["lottie-animation"]} ym-hide-content`} className={`${styles["lottie-animation"]} ym-hide-content`}
@ -64,7 +65,8 @@ function Satisfied() {
loop={false} loop={false}
/> />
)} )}
</div> </>
// </div>
)} )}
{satisfied === "no" && ( {satisfied === "no" && (
<div <div

5
src/components/pages/ABDesign/v1/pages/Satisfied/styles.module.css
View File

@ -75,3 +75,8 @@
background-color: #fff; background-color: #fff;
color: #0f1323; color: #0f1323;
} }
.lottie-animation {
width: 100%;
aspect-ratio: 337 / 406;
}