From 0564ff9582b8354233986589d4332e76db4aa233 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=B8=D0=BE=D1=81=D0=B8=D1=84=20=D0=B1=D1=80=D1=8B=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=B2?= <iosifbrykov1337@gmail.com>
Date: Tue, 12 Mar 2024 14:01:03 +0500
Subject: [PATCH] =?UTF-8?q?=D0=B3=D0=BE=D1=82=D0=BE=D0=B2=D1=8B=D0=B9=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=BE=D0=B5=D0=BA=D1=82=20=D0=B1=D0=B5=D0=B7=20?=
 =?UTF-8?q?=D0=B1=D0=B5=D0=BA=D0=B5=D0=BD=D0=B4=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../everlastingMemory/deceased/[id]/page.tsx  | 87 +++++++++++++++++--
 src/app/everlastingMemory/deceased/page.tsx   | 68 +++++++--------
 src/app/styles.ts                             |  2 +-
 src/components/layout/Header/Header.tsx       |  3 -
 4 files changed, 115 insertions(+), 45 deletions(-)

diff --git a/src/app/everlastingMemory/deceased/[id]/page.tsx b/src/app/everlastingMemory/deceased/[id]/page.tsx
index 86a6064..c5ef024 100644
--- a/src/app/everlastingMemory/deceased/[id]/page.tsx
+++ b/src/app/everlastingMemory/deceased/[id]/page.tsx
@@ -40,6 +40,45 @@ const Section = styled.div`
 		}
 	}
 
+	${(props) => props.theme.mediaQueries.tabletLandscape} {
+		.user-section {
+
+			img {
+				width: 400px;
+				height: 280px;
+			}
+
+			h1 {
+				font-size: 28px;
+				font-weight: 500;
+				text-align: start;
+			}
+		}
+	}
+
+	${(props) => props.theme.mediaQueries.tabletPortrait} {
+
+		.user-section {
+			flex-direction: column;
+			img {
+				object-fit: cover;
+				width: 100%;
+				height: 430px;
+			}
+		}
+	}
+
+	${(props) => props.theme.mediaQueries.slimMobile} {
+		.user-section {
+			
+			img {
+				object-fit: cover;
+				width: 100%;
+				height: 280px;
+			}
+		}
+	}
+
 	.description-section {
 		h3 {
 			text-align: justify;
@@ -111,6 +150,42 @@ const MapSection = styled.div`
 		width: 100%;
 		height: 450px;
 	}
+
+	${(props) => props.theme.mediaQueries.tabletLandscape} {
+		.content {
+			gap: 5px;
+			left: 5%;
+
+			h3 {
+				font-size: 16px;
+			}
+
+			p {
+				font-size: 14px;
+			}
+		}
+	}
+
+	${(props) => props.theme.mediaQueries.tabletPortrait} {
+		h3 {
+			display: none;
+		}
+
+		.content {
+			left: 0;
+			right: 0;
+			border-radius: 0;
+			position: relative;
+			transform: translateY(0);
+			display: grid;
+			grid-template-columns: 1fr;
+
+			p {
+				max-width: 200px;
+				width: 100%;
+			}
+		}
+	}
 `
 
 export default function page({ params }: Props) {
@@ -211,12 +286,6 @@ export default function page({ params }: Props) {
 			<MapSection>
 				<h1>Расположение участка захоронения</h1>
 				<YMaps>
-					<div className='content'>
-						<h3>Расположение участка</h3>
-						<p>Кладбище: Градское</p>
-						<p>Квартал: 7</p>
-						<p>Участок: 32453</p>
-					</div>
 					<Map
 						className='map'
 						defaultState={{
@@ -232,6 +301,12 @@ export default function page({ params }: Props) {
 					>
 						<Placemark geometry={[55.684758, 37.738521]} />
 					</Map>
+					<div className='content'>
+						<h3>Расположение участка</h3>
+						<p>Кладбище: Градское</p>
+						<p>Квартал: 7</p>
+						<p>Участок: 32453</p>
+					</div>
 				</YMaps>
 			</MapSection>
 		</>
diff --git a/src/app/everlastingMemory/deceased/page.tsx b/src/app/everlastingMemory/deceased/page.tsx
index f020281..4b85a7b 100644
--- a/src/app/everlastingMemory/deceased/page.tsx
+++ b/src/app/everlastingMemory/deceased/page.tsx
@@ -52,8 +52,8 @@ const Section = styled.div`
 	${(props) => props.theme.mediaQueries.tabletLandscape} {
 		.item {
 			img {
-				height: 200px;
-				width: 300px;
+				height: 250px;
+				width: 100%;
 			}
 		}
 	}
@@ -66,32 +66,36 @@ const Section = styled.div`
 
 	${(props) => props.theme.mediaQueries.tabletPortrait} {
 		.list {
-			grid-template-columns: 1fr;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
 		}
 
 		.user-logo {
 			display: none;
 		}
 
-		.slider {
-			display: block;
-			max-width: 470px;
-			max-height: 340px;
-			border-radius: 12px;
-			overflow: hidden;
-
+		.item {
+width: 100%;
 			img {
+				height: 340px;
 				border-radius: 0;
-				height: 100%;
-				width: 100%;
-				max-width: 470px;
-				max-height: 340px;
 				object-fit: cover;
 			}
 		}
-	}
 
-	${(props) => props.theme.mediaQueries.mobile} {
+		.slider {
+			display: block;
+			border-radius: 12px;
+			overflow: hidden;
+			height: 340px;
+			/* max-width: 470px; */
+
+
+			.slick-track {
+				display: flex;
+			}
+		}
 	}
 `
 
@@ -106,16 +110,16 @@ const some_cool_mans = [
 	{ images: ['/old men.png', '/image 7.png'] }
 ] as man[]
 
-export default function Page({}: Props) {
-	const setting = {
-		infinite: true,
-		slidesToShow: 1,
-		slidesToScroll: 1,
-		speed: 500,
-		arrows: false,
-		dots: false
-	}
+const settings = {
+	infinite: true,
+	slidesToShow: 1,
+	slidesToScroll: 1,
+	speed: 500,
+	arrows: false,
+	dots: false
+}
 
+export default function Page({}: Props) {
 	const onEnterMouse =
 		(some_man: man) =>
 		(event: React.MouseEvent<HTMLImageElement>): void => {
@@ -150,16 +154,10 @@ export default function Page({}: Props) {
 									onMouseLeave={onLeaveMouse(item)}
 									className='user-logo'
 								/>
-								<div className='slider'>
-									<Slider {...setting}>
-										<div>
-											<img src={item.images[0]} />
-										</div>
-										<div>
-											<img src={item.images[1]} />
-										</div>
-									</Slider>
-								</div>
+								<Slider {...settings} className='slider'>
+									<img src={item.images[0]} />
+									<img src={item.images[1]} />
+								</Slider>
 							</Link>
 							<h3>Иванов Иван Иванович</h3>
 							<div className='data'>
diff --git a/src/app/styles.ts b/src/app/styles.ts
index 3ed641e..d18ef57 100644
--- a/src/app/styles.ts
+++ b/src/app/styles.ts
@@ -474,7 +474,7 @@ export const ReviewsContainer = styled.div`
 	}
 
 	.slick-slide {
-		display: flex;
+		display: fleFx;
 		justify-content: center;
 		padding: 0 10px;
 	}
diff --git a/src/components/layout/Header/Header.tsx b/src/components/layout/Header/Header.tsx
index 8633661..2c7e30d 100644
--- a/src/components/layout/Header/Header.tsx
+++ b/src/components/layout/Header/Header.tsx
@@ -20,7 +20,6 @@ export default function Header({}: Props) {
 
 	const pathname = usePathname()
 
-	
 	useEffect(() => {
 		setMenuState(false)
 	}, [pathname])
@@ -82,11 +81,9 @@ export default function Header({}: Props) {
 								onClick={() => setMenuState(true)}
 							/>
 						</div>
-
 					</div>
 					<div className='menu-container'>
 						<div className='title-active'>
-
 							<div className='contact'>
 								<div className='addresses'>
 									<p>ул. Курчатова, д. 4</p>