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

View File

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

View File

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