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