fix(statistics): fix sizes

This commit is contained in:
Sergey Krylov 2023-07-22 19:16:01 +03:00
parent 70c3f122bb
commit e0f107c795
3 changed files with 53 additions and 51 deletions

View File

@ -28,6 +28,8 @@ const MasterClassMaterialsImg = path.join(imageRootDir, 'desktop/master-classes/
const CupMobileImg = path.join(imageRootDir, 'mobile/cup.png'); const CupMobileImg = path.join(imageRootDir, 'mobile/cup.png');
const DecorationMobileImg = path.join(imageRootDir, 'mobile/decoration.png'); const DecorationMobileImg = path.join(imageRootDir, 'mobile/decoration.png');
const DiplomaMobileImg = path.join(imageRootDir, 'mobile/graduation/diploma.png'); const DiplomaMobileImg = path.join(imageRootDir, 'mobile/graduation/diploma.png');
const GraduationKidsMobileImg = path.join(imageRootDir, 'mobile/graduation/kids.png');
const GraduationRateMobileImg = path.join(imageRootDir, 'mobile/graduation/rate.png');
const KidsMobileImg = path.join(imageRootDir, 'mobile/kids.png'); const KidsMobileImg = path.join(imageRootDir, 'mobile/kids.png');
const Kids2MobileImg = path.join(imageRootDir, 'mobile/kids2.png'); const Kids2MobileImg = path.join(imageRootDir, 'mobile/kids2.png');
const LikeMobileImg = path.join(imageRootDir, 'mobile/like.png'); const LikeMobileImg = path.join(imageRootDir, 'mobile/like.png');
@ -97,13 +99,13 @@ const birthdayItems: StatisticsItem[] = [
img: { img: {
alt: 'combo', alt: 'combo',
height: 90, height: 90,
mobileHeight: 106, mobileHeight: 60,
mobilePosition: { mobilePosition: {
right: 12, right: 12,
top: -10, top: -10,
}, },
mobileSrc: RateMobileImg, mobileSrc: RateMobileImg,
mobileWidth: 60, mobileWidth: 106,
position: { position: {
right: 22, right: 22,
top: 15, top: 15,
@ -123,13 +125,13 @@ const birthdayItems: StatisticsItem[] = [
img: { img: {
alt: 'programs', alt: 'programs',
height: 96, height: 96,
mobileHeight: 84, mobileHeight: 110,
mobilePosition: { mobilePosition: {
right: 10, right: 10,
top: -20, top: -20,
}, },
mobileSrc: ProgramsMobileImg, mobileSrc: ProgramsMobileImg,
mobileWidth: 110, mobileWidth: 84,
position: { position: {
right: 0, right: 0,
top: 15, top: 15,
@ -149,13 +151,13 @@ const birthdayItems: StatisticsItem[] = [
img: { img: {
alt: 'decor', alt: 'decor',
height: 80, height: 80,
mobileHeight: 116, mobileHeight: 90,
mobilePosition: { mobilePosition: {
right: 10, right: 10,
top: 10, top: 10,
}, },
mobileSrc: DecorationMobileImg, mobileSrc: DecorationMobileImg,
mobileWidth: 90, mobileWidth: 116,
position: { position: {
right: 35, right: 35,
top: 15, top: 15,
@ -175,13 +177,13 @@ const birthdayItems: StatisticsItem[] = [
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 94,
mobileHeight: 108, mobileHeight: 74,
mobilePosition: { mobilePosition: {
right: 26, right: 26,
top: -10, top: -10,
}, },
mobileSrc: KidsMobileImg, mobileSrc: KidsMobileImg,
mobileWidth: 74, mobileWidth: 108,
position: { position: {
right: -10, right: -10,
top: 16, top: 16,
@ -321,13 +323,13 @@ const graduationItems: StatisticsItem[] = [
img: { img: {
alt: 'combo', alt: 'combo',
height: 90, height: 90,
mobileHeight: 106, mobileHeight: 60,
mobilePosition: { mobilePosition: {
left: 12, left: 12,
top: -10, top: -10,
}, },
mobileSrc: RateMobileImg, mobileSrc: GraduationRateMobileImg,
mobileWidth: 60, mobileWidth: 106,
position: { position: {
right: 22, right: 22,
top: 5, top: 5,
@ -347,13 +349,13 @@ const graduationItems: StatisticsItem[] = [
img: { img: {
alt: 'diploma', alt: 'diploma',
height: 85, height: 85,
mobileHeight: 90, mobileHeight: 100,
mobilePosition: { mobilePosition: {
right: 10, right: 10,
top: -10, top: -10,
}, },
mobileSrc: DiplomaMobileImg, mobileSrc: DiplomaMobileImg,
mobileWidth: 100, mobileWidth: 90,
position: { position: {
right: 22, right: 22,
top: 15, top: 15,
@ -373,13 +375,13 @@ const graduationItems: StatisticsItem[] = [
img: { img: {
alt: 'decor', alt: 'decor',
height: 80, height: 80,
mobileHeight: 116, mobileHeight: 90,
mobilePosition: { mobilePosition: {
right: 10, right: 10,
top: 10, top: 10,
}, },
mobileSrc: DecorationMobileImg, mobileSrc: DecorationMobileImg,
mobileWidth: 90, mobileWidth: 116,
position: { position: {
right: 35, right: 35,
top: 10, top: 10,
@ -398,20 +400,20 @@ const graduationItems: StatisticsItem[] = [
{ {
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 90,
mobileHeight: 108, mobileHeight: 90,
mobilePosition: { mobilePosition: {
right: 10, right: 10,
top: -10, top: -10,
}, },
mobileSrc: KidsMobileImg, mobileSrc: GraduationKidsMobileImg,
mobileWidth: 74, mobileWidth: 127,
position: { position: {
right: -10, right: -10,
top: 15, top: 15,
}, },
src: KidsDesktopImg, src: GraduationKidsMobileImg,
width: 90, width: 138,
}, },
size: { size: {
sm: 2, sm: 2,
@ -437,13 +439,13 @@ const outdoorsItems: StatisticsItem[] = [
img: { img: {
alt: 'combo', alt: 'combo',
height: 90, height: 90,
mobileHeight: 106, mobileHeight: 60,
mobilePosition: { mobilePosition: {
left: 12, left: 12,
top: -10, top: -10,
}, },
mobileSrc: RateMobileImg, mobileSrc: RateMobileImg,
mobileWidth: 60, mobileWidth: 106,
position: { position: {
right: 22, right: 22,
top: 5, top: 5,
@ -489,13 +491,13 @@ const outdoorsItems: StatisticsItem[] = [
img: { img: {
alt: 'decor', alt: 'decor',
height: 108, height: 108,
mobileHeight: 76, mobileHeight: 136,
mobilePosition: { mobilePosition: {
right: 14, right: 14,
top: 10, top: 10,
}, },
mobileSrc: StatDecorMobileImg, mobileSrc: StatDecorMobileImg,
mobileWidth: 136, mobileWidth: 76,
position: { position: {
right: 35, right: 35,
top: 10, top: 10,
@ -515,13 +517,13 @@ const outdoorsItems: StatisticsItem[] = [
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 94,
mobileHeight: 108, mobileHeight: 74,
mobilePosition: { mobilePosition: {
left: 28, left: 28,
top: -10, top: -10,
}, },
mobileSrc: KidsMobileImg, mobileSrc: KidsMobileImg,
mobileWidth: 74, mobileWidth: 106,
position: { position: {
right: -10, right: -10,
top: 15, top: 15,
@ -553,13 +555,13 @@ const egerQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 94,
mobileHeight: 106, mobileHeight: 110,
mobilePosition: { mobilePosition: {
right: 15, right: 15,
top: -20, top: -20,
}, },
mobileSrc: Kids2MobileImg, mobileSrc: Kids2MobileImg,
mobileWidth: 110, mobileWidth: 106,
position: { position: {
right: 22, right: 22,
top: 20, top: 20,
@ -581,13 +583,13 @@ const egerQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'programs', alt: 'programs',
height: 90, height: 90,
mobileHeight: 116, mobileHeight: 122,
mobilePosition: { mobilePosition: {
right: -20, right: -20,
top: 5, top: 5,
}, },
mobileSrc: BooksMobileImg, mobileSrc: BooksMobileImg,
mobileWidth: 122, mobileWidth: 116,
position: { position: {
right: 22, right: 22,
top: 15, top: 15,
@ -609,13 +611,13 @@ const egerQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'decor', alt: 'decor',
height: 94, height: 94,
mobileHeight: 68, mobileHeight: 94,
mobilePosition: { mobilePosition: {
right: 14, right: 14,
top: 10, top: 10,
}, },
mobileSrc: MapMobileImg, mobileSrc: MapMobileImg,
mobileWidth: 94, mobileWidth: 68,
position: { position: {
right: 35, right: 35,
top: 10, top: 10,
@ -637,13 +639,13 @@ const egerQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 94,
mobileHeight: 64, mobileHeight: 94,
mobilePosition: { mobilePosition: {
right: 0, right: 0,
top: -15, top: -15,
}, },
mobileSrc: KeysMobileImg, mobileSrc: KeysMobileImg,
mobileWidth: 94, mobileWidth: 69,
position: { position: {
right: 30, right: 30,
top: 15, top: 15,
@ -677,13 +679,13 @@ const faraonQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 94,
mobileHeight: 106, mobileHeight: 110,
mobilePosition: { mobilePosition: {
right: 15, right: 15,
top: -20, top: -20,
}, },
mobileSrc: Kids2MobileImg, mobileSrc: Kids2MobileImg,
mobileWidth: 110, mobileWidth: 105,
position: { position: {
right: 22, right: 22,
top: 20, top: 20,
@ -705,13 +707,13 @@ const faraonQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'programs', alt: 'programs',
height: 90, height: 90,
mobileHeight: 116, mobileHeight: 122,
mobilePosition: { mobilePosition: {
right: -20, right: -20,
top: 5, top: 5,
}, },
mobileSrc: BooksMobileImg, mobileSrc: BooksMobileImg,
mobileWidth: 122, mobileWidth: 116,
position: { position: {
right: 22, right: 22,
top: 15, top: 15,
@ -733,13 +735,13 @@ const faraonQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'decor', alt: 'decor',
height: 94, height: 94,
mobileHeight: 68, mobileHeight: 94,
mobilePosition: { mobilePosition: {
right: 14, right: 14,
top: 10, top: 10,
}, },
mobileSrc: MapMobileImg, mobileSrc: MapMobileImg,
mobileWidth: 94, mobileWidth: 69,
position: { position: {
right: 35, right: 35,
top: 10, top: 10,
@ -761,13 +763,13 @@ const faraonQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 94,
mobileHeight: 64, mobileHeight: 94,
mobilePosition: { mobilePosition: {
right: 0, right: 0,
top: -15, top: -15,
}, },
mobileSrc: KeysMobileImg, mobileSrc: KeysMobileImg,
mobileWidth: 94, mobileWidth: 69,
position: { position: {
right: 30, right: 30,
top: 15, top: 15,
@ -801,13 +803,13 @@ const multQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 94,
mobileHeight: 106, mobileHeight: 110,
mobilePosition: { mobilePosition: {
right: 15, right: 15,
top: -20, top: -20,
}, },
mobileSrc: Kids2MobileImg, mobileSrc: Kids2MobileImg,
mobileWidth: 110, mobileWidth: 105,
position: { position: {
right: 22, right: 22,
top: 20, top: 20,
@ -829,13 +831,13 @@ const multQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'programs', alt: 'programs',
height: 90, height: 90,
mobileHeight: 116, mobileHeight: 112,
mobilePosition: { mobilePosition: {
right: -20, right: -20,
top: 5, top: 5,
}, },
mobileSrc: BooksMobileImg, mobileSrc: BooksMobileImg,
mobileWidth: 122, mobileWidth: 116,
position: { position: {
right: 22, right: 22,
top: 15, top: 15,
@ -857,13 +859,13 @@ const multQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'decor', alt: 'decor',
height: 94, height: 94,
mobileHeight: 68, mobileHeight: 94,
mobilePosition: { mobilePosition: {
right: 14, right: 14,
top: 10, top: 10,
}, },
mobileSrc: MapMobileImg, mobileSrc: MapMobileImg,
mobileWidth: 94, mobileWidth: 68,
position: { position: {
right: 35, right: 35,
top: 10, top: 10,
@ -885,13 +887,13 @@ const multQuestItems: StatisticsItem[] = [
img: { img: {
alt: 'kids', alt: 'kids',
height: 94, height: 94,
mobileHeight: 64, mobileHeight: 94,
mobilePosition: { mobilePosition: {
right: 0, right: 0,
top: -15, top: -15,
}, },
mobileSrc: KeysMobileImg, mobileSrc: KeysMobileImg,
mobileWidth: 94, mobileWidth: 69,
position: { position: {
right: 30, right: 30,
top: 15, top: 15,

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 43 KiB