fix: some ui fixes #17

Merged
redrockjs merged 1 commits from dev into main 2025-06-19 11:30:34 +00:00
8 changed files with 22 additions and 19 deletions
Showing only changes of commit 9a3b0ff419 - Show all commits

View File

@@ -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,
// }, // },
]; ];

View File

@@ -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);

View File

@@ -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';

View File

@@ -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;
} }
} }

View File

@@ -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);

View File

@@ -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>

View File

@@ -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>

View File

@@ -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');