refactor(eger): make pixel perfect eger quest page

This commit is contained in:
Sergey Krylov 2023-08-26 17:49:07 +03:00
parent db97fd2536
commit 5277af0b46
3 changed files with 110 additions and 32 deletions

View File

@ -160,8 +160,14 @@ export type QuestItemType = {
text: string; text: string;
}; };
title: { title: {
mobileStyles?: object; card: {
styles?: object; mobileStyles?: object;
styles?: object;
};
single: {
mobileStyles?: object;
styles?: object;
};
text: string; text: string;
}; };
type: { type: {
@ -174,6 +180,14 @@ const egerStories: StoryType[] = [
{ {
card: { card: {
content: { content: {
border: {
inner: {
color: 'transparent',
},
outer: {
color: COLORS[ColorVariant.WHITE],
},
},
image: { image: {
alt: 'Сюжет', alt: 'Сюжет',
mobileSrc: egerPlotMobileImage, mobileSrc: egerPlotMobileImage,
@ -274,6 +288,14 @@ const egerStories: StoryType[] = [
{ {
card: { card: {
content: { content: {
border: {
inner: {
color: 'transparent',
},
outer: {
color: COLORS[ColorVariant.WHITE],
},
},
image: { image: {
alt: 'Отзывы наших клиентов', alt: 'Отзывы наших клиентов',
mobileSrc: egerFeedbackMobileImage, mobileSrc: egerFeedbackMobileImage,
@ -295,6 +317,14 @@ const egerStories: StoryType[] = [
{ {
card: { card: {
content: { content: {
border: {
inner: {
color: 'transparent',
},
outer: {
color: COLORS[ColorVariant.WHITE],
},
},
image: { image: {
alt: 'Фотографии и видео', alt: 'Фотографии и видео',
mobileSrc: egerGalleryMobileImage, mobileSrc: egerGalleryMobileImage,
@ -359,15 +389,30 @@ export const egerQuest: QuestItemType = {
text: '60 минут', text: '60 минут',
}, },
title: { title: {
mobileStyles: { card: {
color: '#fff', mobileStyles: {
fontFamily: 'DwarvenStonecraftCyr', color: '#fff',
fontSize: 115, fontFamily: 'DwarvenStonecraftCyr',
fontSize: 115,
},
styles: {
color: '#fff',
fontFamily: 'DwarvenStonecraftCyr',
fontSize: 120,
},
}, },
styles: { single: {
color: '#fff', mobileStyles: {
fontFamily: 'DwarvenStonecraftCyr', color: '#fff',
fontSize: 120, fontFamily: 'DwarvenStonecraftCyr',
fontSize: 96,
},
styles: {
color: '#fff',
fontFamily: 'DwarvenStonecraftCyr',
fontSize: 230,
lineHeight: '100%',
},
}, },
text: 'Егерь', text: 'Егерь',
}, },
@ -583,17 +628,33 @@ export const faraonQuest: QuestItemType = {
text: '60 минут', text: '60 минут',
}, },
title: { title: {
mobileStyles: { card: {
border: '3px #fff', mobileStyles: {
color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)', border: '3px #fff',
fontFamily: 'Angry', color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
fontSize: 56, fontFamily: 'Angry',
fontSize: 56,
},
styles: {
border: '3px #fff',
color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
fontFamily: 'Angry',
fontSize: 56,
},
}, },
styles: { single: {
border: '3px #fff', mobileStyles: {
color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)', border: '3px #fff',
fontFamily: 'Angry', color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
fontSize: 56, fontFamily: 'Angry',
fontSize: 56,
},
styles: {
border: '3px #fff',
color: 'linear-gradient(134.56deg, #FF5C00 11.78%, #FF3399 84.81%)',
fontFamily: 'Angry',
fontSize: 56,
},
}, },
text: 'Фараон', text: 'Фараон',
}, },
@ -797,18 +858,35 @@ export const multQuest: QuestItemType = {
text: '60 минут', text: '60 минут',
}, },
title: { title: {
mobileStyles: { card: {
border: '4px #fff', mobileStyles: {
color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)', border: '4px #fff',
fontFamily: 'Airfool', color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
fontSize: 78, fontFamily: 'Airfool',
fontSize: 78,
},
styles: {
border: '4px #fff',
color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
fontFamily: 'Airfool',
fontSize: 78,
},
}, },
styles: { single: {
border: '4px #fff', mobileStyles: {
color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)', border: '4px #fff',
fontFamily: 'Airfool', color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
fontSize: 78, fontFamily: 'Airfool',
fontSize: 78,
},
styles: {
border: '4px #fff',
color: 'linear-gradient(134.56deg, #FFF500 11.78%, #FF3399 84.81%)',
fontFamily: 'Airfool',
fontSize: 78,
},
}, },
text: 'Мульт', text: 'Мульт',
}, },
type: { type: {

View File

@ -557,7 +557,7 @@ const egerQuestItems: StatisticsItem[] = [
width: 'auto', width: 'auto',
xs: 12, xs: 12,
}, },
text: 'Ежегодно нас выбирают и к нам возвращаются тысячи клиентов, потому что:', text: 'Ежегодно нас выбирают\\n и к нам возвращаются\\n тысячи клиентов, потому что:',
title: 'Доверьтесь лидеру\\n в сфере развлечений', title: 'Доверьтесь лидеру\\n в сфере развлечений',
}, },
{ {

View File

@ -522,8 +522,8 @@ const homePageStories: StoryType[] = [
content: { content: {
image: { image: {
alt: 'Новые программы для праздника', alt: 'Новые программы для праздника',
src: example3,
mobileSrc: example3Mobile, mobileSrc: example3Mobile,
src: example3,
}, },
title: 'Новые программы\\n для праздника', title: 'Новые программы\\n для праздника',
}, },