fix: some ui fixes #17
@@ -2,7 +2,6 @@ import s from './license.module.scss';
|
|||||||
import { Mark } from '@shared/ui';
|
import { Mark } from '@shared/ui';
|
||||||
import { LicenseForm, LicenseSlider } from '@/widgets';
|
import { LicenseForm, LicenseSlider } from '@/widgets';
|
||||||
|
|
||||||
import emptyPaper from '@public/svg/empty-paper.svg';
|
|
||||||
import mcsLicense from '@public/images/license-mcs.jpg';
|
import mcsLicense from '@public/images/license-mcs.jpg';
|
||||||
import eacLicense from '@public/images/license-dtr-eac.png';
|
import eacLicense from '@public/images/license-dtr-eac.png';
|
||||||
|
|
||||||
@@ -23,20 +22,24 @@ const slides = [
|
|||||||
id: '0',
|
id: '0',
|
||||||
name: '',
|
name: '',
|
||||||
image: eacLicense,
|
image: eacLicense,
|
||||||
|
fullSizeImage: './images/license-dtr-eac.png',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: '1',
|
id: '1',
|
||||||
name: '',
|
name: '',
|
||||||
image: mcsLicense,
|
image: mcsLicense,
|
||||||
|
fullSizeImage: './images/license-mcs.jpg',
|
||||||
},
|
},
|
||||||
// {
|
// {
|
||||||
// id: '2',
|
// id: '2',
|
||||||
// name: '',
|
// name: '',
|
||||||
// image: emptyPaper,
|
// image: emptyPaper,
|
||||||
|
// fullSizeImage: emptyPaper,
|
||||||
// },
|
// },
|
||||||
// {
|
// {
|
||||||
// id: '3',
|
// id: '3',
|
||||||
// name: '',
|
// name: '',
|
||||||
// image: emptyPaper,
|
// image: emptyPaper,
|
||||||
|
// fullSizeImage: emptyPaper,
|
||||||
// },
|
// },
|
||||||
];
|
];
|
||||||
|
|||||||
@@ -166,7 +166,6 @@
|
|||||||
font-size: rem(24px);
|
font-size: rem(24px);
|
||||||
line-height: 120%;
|
line-height: 120%;
|
||||||
color: $color-white;
|
color: $color-white;
|
||||||
//max-width: rem(960px);
|
|
||||||
|
|
||||||
@include iftablet {
|
@include iftablet {
|
||||||
font-size: rem(28px);
|
font-size: rem(28px);
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import s from './offer.module.scss';
|
import s from './offer.module.scss';
|
||||||
|
|
||||||
import { Mark } from '@shared/ui';
|
import { Mark } from '@shared/ui';
|
||||||
import { OfferForm, OfferRequestForm } from '@/widgets';
|
import { OfferForm, OfferRequestForm } from '@/widgets';
|
||||||
import Image from 'next/image';
|
import Image from 'next/image';
|
||||||
|
|||||||
@@ -7,8 +7,6 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
|
||||||
@include iftablet{
|
|
||||||
}
|
|
||||||
@include iflaptop{
|
@include iflaptop{
|
||||||
padding-left: rem(16px);
|
padding-left: rem(16px);
|
||||||
}
|
}
|
||||||
@@ -20,22 +18,22 @@
|
|||||||
.Button {
|
.Button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
right: rem(2px);
|
|
||||||
top: calc(50% - 1.2rem);
|
|
||||||
min-height: calc(100% - .25rem);
|
|
||||||
|
|
||||||
@include iftablet{
|
@include iftablet{
|
||||||
top: calc(50% - 1.2rem);
|
top: 50%;
|
||||||
right: rem(3px);
|
transform: translateY(-50%);
|
||||||
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include iflaptop{
|
@include iflaptop{
|
||||||
top: calc(50% - 1.4rem);
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
right: rem(4px);
|
right: rem(4px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@include ifdesktop{
|
@include ifdesktop{
|
||||||
top: calc(50% - 1.6rem);
|
top: 50%;
|
||||||
right: rem(2px);
|
transform: translateY(-50%);
|
||||||
|
right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -5,6 +5,7 @@
|
|||||||
bottom: rem(10px);
|
bottom: rem(10px);
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
|
will-change: transform;
|
||||||
|
|
||||||
background-color: #d6d6d6;
|
background-color: #d6d6d6;
|
||||||
|
|
||||||
@@ -45,7 +46,7 @@
|
|||||||
font-weight: $font-regular;
|
font-weight: $font-regular;
|
||||||
font-size: rem(16px);
|
font-size: rem(16px);
|
||||||
line-height: 130%;
|
line-height: 130%;
|
||||||
opacity: 0.7;
|
opacity: 1;
|
||||||
|
|
||||||
@include iftablet {
|
@include iftablet {
|
||||||
max-width: rem(350px);
|
max-width: rem(350px);
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ export default function CookiesNotice() {
|
|||||||
<span className={s.Text}>
|
<span className={s.Text}>
|
||||||
Мы используем cookie. <br /> Во время посещения этого сайта вы
|
Мы используем cookie. <br /> Во время посещения этого сайта вы
|
||||||
соглашаетесь с тем, что мы обрабатываем ваши персональные данные с
|
соглашаетесь с тем, что мы обрабатываем ваши персональные данные с
|
||||||
использованием метрических программ. <br />
|
использованием систем для сбора статистики. <br />
|
||||||
<Link href={'/cookie'}>Подробнее</Link>
|
<Link href={'/cookie'}>Подробнее</Link>
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
@@ -39,8 +39,8 @@ export default function CookiesNotice() {
|
|||||||
Отмена
|
Отмена
|
||||||
</Button>
|
</Button>
|
||||||
|
|
||||||
<Button variant={'ghost'} onClick={handleClickAgree} fullWidth>
|
<Button variant={'orange'} onClick={handleClickAgree} fullWidth>
|
||||||
Согласится
|
Согласиться
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -17,6 +17,7 @@ type LicenseSliderProps = {
|
|||||||
id: string;
|
id: string;
|
||||||
name: string;
|
name: string;
|
||||||
image: string | StaticImport;
|
image: string | StaticImport;
|
||||||
|
fullSizeImage: string;
|
||||||
}[];
|
}[];
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -48,9 +49,9 @@ export default function Ui({ className, images }: LicenseSliderProps) {
|
|||||||
modules={[Grid]}
|
modules={[Grid]}
|
||||||
breakpoints={swiperBreakpoints}
|
breakpoints={swiperBreakpoints}
|
||||||
>
|
>
|
||||||
{images.map(({ id, name, image }) => (
|
{images.map(({ id, name, image, fullSizeImage }) => (
|
||||||
<SwiperSlide key={id} className={s.Slide}>
|
<SwiperSlide key={id} className={s.Slide}>
|
||||||
<a href={mockFullSizeImage} target='_blank'>
|
<a href={fullSizeImage} target='_blank'>
|
||||||
<Image className={s.Image} src={image} alt={name} quality={75} />
|
<Image className={s.Image} src={image} alt={name} quality={75} />
|
||||||
</a>
|
</a>
|
||||||
</SwiperSlide>
|
</SwiperSlide>
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ export default function OfferForm() {
|
|||||||
{...field}
|
{...field}
|
||||||
className={s.Unit}
|
className={s.Unit}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder='+7 999 123-45-67'
|
placeholder='+7 (999) 123-45-67'
|
||||||
error={errors && errors.phone?.message}
|
error={errors && errors.phone?.message}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
clearErrors('phone');
|
clearErrors('phone');
|
||||||
|
|||||||
Reference in New Issue
Block a user