sysadminix/tripwithbonus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev' into dev

Browse Source
This commit is contained in:
ArtemB
2024-11-27 15:38:19 +03:00
parent 3efec91d74 9e48c72245
commit 960c9ba5b0
15 changed files with 15 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/moover.css
View File

File diff suppressed because one or more lines are too long

159
static/css/moover/animate.css vendored
View File

@@ -1,158 +1 @@
.animate {
padding: 60px 40px 49px;
opacity: 0;
background-color: var(--color-black2);
border-radius: 30px;
color: white;
margin-bottom: 160px;
}
@media (min-width: 1720px) {
.animate {
padding-top: 100px;
padding-bottom: 89px;
margin-bottom: 180px;
}
}
@media (max-width: 1304.98px) {
.animate {
margin-bottom: 141px;
}
}
@media (max-width: 991.98px) {
.animate {
padding-top: 40px;
padding-bottom: 29px;
margin-bottom: 121px;
}
}
@media (max-width: 479.98px) {
.animate {
padding: 30px 7px 19px;
}
}
.animate.left {
transform: translateX(-180px);
}
.animate.right {
transform: translateX(180px);
}
.animate.right .title {
margin-bottom: 17px;
}
@media (min-width: 1720px) {
.animate.right .title {
max-width: 80%;
margin-bottom: 40px;
}
}
@media (max-width: 1304.98px) {
.animate.right .title {
margin-bottom: 25px;
}
}
@media (max-width: 991.98px) {
.animate.right .title {
margin-bottom: 31px;
}
}
@media (max-width: 479.98px) {
.animate.right .title {
margin-bottom: 20px;
}
}
@media (max-width: 991.98px) {
.animate.right .subtitle {
margin-bottom: 31px;
}
}
@media (max-width: 479.98px) {
.animate.right .use__btn {
margin-top: -11px;
}
}
.animate__link {
color: var(--color-orange);
text-decoration: underline !important;
}
.animate .title {
margin-bottom: 25px;
max-width: 87%;
/*width: 90%;*/
}
@media (min-width: 1720px) {
.animate .title {
margin-bottom: 40px;
}
}
@media (max-width: 1304.98px) {
.animate .title {
max-width: 99%;
}
}
@media (max-width: 991.98px) {
.animate .title {
max-width: 85%;
font-size: 24px;
line-height: 29.05px;
}
}
@media (max-width: 767.98px) {
.animate .title {
max-width: 100%;
margin-bottom: 14px;
}
}
.animate .subtitle {
width: 47%;
margin: 0 auto 23px;
}
@media (min-width: 1720px) {
.animate .subtitle {
line-height: 26px;
letter-spacing: 0.1px;
margin-bottom: 40px;
}
}
@media (max-width: 1304.98px) {
.animate .subtitle {
width: 54%;
}
}
@media (max-width: 991.98px) {
.animate .subtitle {
width: 102%;
margin-bottom: 26px;
}
}
@media (max-width: 479.98px) {
.animate .use__btn {
margin-top: -6px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
}
.animate{padding:60px 40px 49px;opacity:0;background-color:var(--color-black2);border-radius:30px;color:white;margin-bottom:160px}@media (min-width: 1720px){.animate{padding-top:100px;padding-bottom:89px;margin-bottom:180px}}@media (max-width: 1304.98px){.animate{margin-bottom:141px}}@media (max-width: 991.98px){.animate{padding-top:40px;padding-bottom:29px;margin-bottom:121px}}@media (max-width: 479.98px){.animate{padding:30px 7px 19px}}.animate.left{transform:scale(0);opacity:0}.animate.right{opacity:0;transform:scale(0)}.animate.right .title{margin-bottom:17px}@media (min-width: 1720px){.animate.right .title{max-width:80%;margin-bottom:40px}}@media (max-width: 1304.98px){.animate.right .title{margin-bottom:25px}}@media (max-width: 991.98px){.animate.right .title{margin-bottom:31px}}@media (max-width: 479.98px){.animate.right .title{margin-bottom:20px}}@media (max-width: 991.98px){.animate.right .subtitle{margin-bottom:31px}}@media (max-width: 479.98px){.animate.right .use__btn{margin-top:-11px}}.animate__link{color:var(--color-orange);text-decoration:underline !important}.animate .title{margin-bottom:25px;max-width:87%}@media (min-width: 1720px){.animate .title{margin-bottom:40px}}@media (max-width: 1304.98px){.animate .title{max-width:99%}}@media (max-width: 991.98px){.animate .title{max-width:85%;font-size:24px;line-height:29.05px}}@media (max-width: 767.98px){.animate .title{max-width:100%;margin-bottom:14px}}.animate .subtitle{width:47%;margin:0 auto 23px}@media (min-width: 1720px){.animate .subtitle{line-height:26px;letter-spacing:0.1px;margin-bottom:40px}}@media (max-width: 1304.98px){.animate .subtitle{width:54%}}@media (max-width: 991.98px){.animate .subtitle{width:102%;margin-bottom:26px}}@media (max-width: 479.98px){.animate .use__btn{margin-top:-6px;padding-left:15px;padding-right:15px;display:flex}}

2
static/css/moover/header.css
View File

@@ -1 +1 @@
.header{margin-top:0;position:sticky;left:0;top:0;width:100vw;padding:40px 5px;transition:all 0.1s ease-in-out}@media (max-width: 1304.98px){.header{padding-top:37px;padding-bottom:41px}}@media (max-width: 991.98px){.header{padding-top:19px;padding-bottom:19px}}.header.scrolled{padding-top:20px;padding-bottom:20px;box-shadow:var(--box-shadow-primary);border-bottom:1px solid var(--color-grey)}.header__grid,.header__list{display:flex;align-items:center;justify-content:space-between}.header__logo{width:48px;height:48px;position:relative;left:5px}@media (max-width: 1304.98px){.header__logo{left:6px}}@media (max-width: 991.98px){.header__logo{left:0}}@media (max-width: 767.98px){.header__logo{left:-3px}}.header__nav{flex-grow:1;max-width:41%;margin-left:auto}@media (min-width: 1720px){.header__nav{max-width:34%}}@media (max-width: 1304.98px){.header__nav{max-width:46.5%}}.header__link{color:var(--color-black2);text-decoration:none}.header__btn{padding:8px 0 6px;font-size:16px;margin-left:61px;margin-right:-3px}@media (min-width: 1720px){.header__btn{margin-left:81px}}@media (max-width: 1304.98px){.header__btn{margin-right:0}}@media (max-width: 991.98px){.header__btn{display:none}}.header .dropdown{left:-4px}@media (max-width: 767.98px){.header .dropdown{left:-8px}}.header .dropdown-content{right:0;height:initial}@media (max-width: 575px){.header .dropdown-content{right:0;left:initial}}
.header{margin-top:0;position:sticky;position:-webkit-sticky;display:block;left:0;top:0;width:100vw;padding:40px 5px;transition:all 0.1s ease-in-out;background-color:white}@media (max-width: 1304.98px){.header{padding-top:37px;padding-bottom:41px}}@media (max-width: 991.98px){.header{padding-top:19px;padding-bottom:19px}}.header.scrolled{padding-top:20px;padding-bottom:20px;box-shadow:var(--box-shadow-primary);border-bottom:1px solid var(--color-grey)}.header__grid,.header__list{display:flex;align-items:center;justify-content:space-between}.header__logo{width:48px;height:48px;position:relative;left:5px}@media (max-width: 1304.98px){.header__logo{left:6px}}@media (max-width: 991.98px){.header__logo{left:0}}@media (max-width: 767.98px){.header__logo{left:-3px}}.header__nav{flex-grow:1;max-width:41%;margin-left:auto}@media (min-width: 1720px){.header__nav{max-width:34%}}@media (max-width: 1304.98px){.header__nav{max-width:46.5%}}.header__link{color:var(--color-black2);text-decoration:none}.header__btn{padding:8px 0 6px;font-size:16px;margin-left:61px;margin-right:-3px}@media (min-width: 1720px){.header__btn{margin-left:81px}}@media (max-width: 1304.98px){.header__btn{margin-right:0}}@media (max-width: 991.98px){.header__btn{display:none}}.header .dropdown{left:-4px}@media (max-width: 767.98px){.header .dropdown{left:-8px}}.header .dropdown-content{right:0;height:initial}@media (max-width: 575px){.header .dropdown-content{right:0;left:initial}}

2
static/css/moover/sore.css
View File

@@ -1 +1 @@
.sore{margin-bottom:160px;margin-top:1px}@media (min-width: 1720px){.sore{margin-bottom:178px}}@media (max-width: 1304.98px){.sore{margin-bottom:140px}}@media (max-width: 991.98px){.sore{margin-bottom:60px}}@media (max-width: 479.98px){.sore{margin-bottom:40px}}.sore__img{margin:0 auto 13px;position:relative;left:-17px;top:-13px}@media (min-width: 1720px){.sore__img{margin-bottom:40px;top:-5px;left:-21px}}@media (max-width: 1304.98px){.sore__img{left:2px;top:-22px;margin-bottom:4px}}@media (max-width: 991.98px){.sore__img{top:-8px;left:-15px;margin-bottom:18px}}@media (max-width: 479.98px){.sore__img{max-width:106%;top:-26px;left:-18px;margin-bottom:4px}}.sore .title{margin-bottom:40px}@media (min-width: 1720px){.sore .title{margin-bottom:61px}}@media (max-width: 991.98px){.sore .title{margin-bottom:20px}}@media (max-width: 479.98px){.sore .title{margin-bottom:29px}}.sore .subtitle{max-width:62%;margin:0 auto 10px}@media (min-width: 1720px){.sore .subtitle{line-height:26px;max-width:60%}}@media (max-width: 1304.98px){.sore .subtitle{max-width:65%}}@media (max-width: 991.98px){.sore .subtitle{max-width:85%}}@media (max-width: 479.98px){.sore .subtitle{max-width:99%}}.sore .h3{max-width:47%;margin:0 auto 19px}@media (min-width: 1720px){.sore .h3{max-width:38%}}@media (max-width: 1304.98px){.sore .h3{max-width:50%}}@media (max-width: 991.98px){.sore .h3{max-width:65%;margin-bottom:21px}}@media (max-width: 479.98px){.sore .h3{max-width:100%;margin-bottom:17px}}@media (max-width: 767.98px){.sore__btn{padding-left:50px;padding-right:50px}}@media (max-width: 479.98px){.sore__btn{box-sizing:border-box;padding:8px 15px;min-height:60px;display:flex}}
.sore{margin-bottom:160px;margin-top:1px}@media (min-width: 1720px){.sore{margin-bottom:178px}}@media (max-width: 1304.98px){.sore{margin-bottom:140px}}@media (max-width: 991.98px){.sore{margin-bottom:60px}}@media (max-width: 479.98px){.sore{margin-bottom:40px}}.sore__img{margin:0 auto 13px;position:relative;left:-17px;top:-13px}@media (min-width: 1720px){.sore__img{margin-bottom:40px;top:-5px;left:-21px}}@media (max-width: 1304.98px){.sore__img{left:2px;top:-22px;margin-bottom:4px}}@media (max-width: 991.98px){.sore__img{top:-8px;left:-15px;margin-bottom:18px}}@media (max-width: 479.98px){.sore__img{max-width:108.5%;top:-26px;left:-18px;margin-bottom:-9px}}.sore .title{margin-bottom:40px}@media (min-width: 1720px){.sore .title{margin-bottom:61px}}@media (max-width: 991.98px){.sore .title{margin-bottom:20px}}@media (max-width: 479.98px){.sore .title{margin-bottom:29px}}.sore .subtitle{max-width:62%;margin:0 auto 10px}@media (min-width: 1720px){.sore .subtitle{line-height:26px;max-width:60%}}@media (max-width: 1304.98px){.sore .subtitle{max-width:65%}}@media (max-width: 991.98px){.sore .subtitle{max-width:85%}}@media (max-width: 479.98px){.sore .subtitle{max-width:99%}}.sore .h3{max-width:47%;margin:0 auto 19px}@media (min-width: 1720px){.sore .h3{max-width:38%}}@media (max-width: 1304.98px){.sore .h3{max-width:50%}}@media (max-width: 991.98px){.sore .h3{max-width:65%;margin-bottom:21px}}@media (max-width: 479.98px){.sore .h3{max-width:100%;margin-bottom:17px}}@media (max-width: 767.98px){.sore__btn{padding-left:50px;padding-right:50px}}@media (max-width: 479.98px){.sore__btn{box-sizing:border-box;padding:8px 15px;min-height:60px;display:flex}}

BIN
static/img/png/customer/sender-card2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 844 KiB

BIN
static/img/png/customer/sender-card3-md.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 327 KiB

BIN
static/img/png/customer/sender-card3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 502 KiB

BIN
static/img/png/mover/sender-card2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 967 KiB

BIN
static/img/png/mover/sender-card3-md.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 381 KiB

BIN
static/img/png/mover/sender-card3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 502 KiB

6
styles/moover/animate.scss vendored
View File

@@ -27,11 +27,13 @@
}
&.left {
transform: translateX(-180px);
transform: scale(0);
opacity: 0;
}
&.right {
transform: translateX(180px);
opacity: 0;
transform: scale(0);
.title {
margin-bottom: 17px;

3
styles/moover/header.scss
View File

@@ -1,11 +1,14 @@
.header {
margin-top: 0;
position: sticky;
position: -webkit-sticky;
display: block;
left: 0;
top: 0;
width: 100vw;
padding: 40px 5px;
transition: all 0.1s ease-in-out;
background-color: white;
@media (max-width: 1304.98px) {
padding-top: 37px;

4
styles/moover/sore.scss
View File

@@ -43,10 +43,10 @@
}
@media (max-width: 479.98px) {
max-width: 106%;
max-width: 108.5%;
top: -26px;
left: -18px;
margin-bottom: 4px;
margin-bottom: -9px;
}
}

2
templates/pages/p_customer_landing_page.html
View File

@@ -397,7 +397,7 @@
}
(() => {
el.style.opacity = 1;
el.style.transform = 'translateX(0)';
el.style.transform = 'scale(1)';
el.style.transition = 'opacity 1.3s ease, transform 1.5s ease';
})();
}

2
templates/pages/p_mover_landing_page.html
View File

@@ -409,7 +409,7 @@
}
(() => {
el.style.opacity = 1;
el.style.transform = 'translateX(0)';
el.style.transform = 'scale(1)';
el.style.transition = 'opacity 1.3s ease, transform 1.5s ease';
})();
}