-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: relocate Geolocation component from web
- Loading branch information
1 parent
86b6638
commit 8b9d961
Showing
3 changed files
with
91 additions
and
0 deletions.
There are no files selected for viewing
65 changes: 65 additions & 0 deletions
65
src/components/molecules/Geolocation/Geolocation.styles.module.scss
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
@import 'src/scss/mixins'; | ||
|
||
.title-block { | ||
@include mobile { | ||
@include flex-center; | ||
} | ||
} | ||
|
||
.title-text { | ||
@include mobile { | ||
font-family: $font-inter; | ||
font-size: 28px; | ||
font-style: normal; | ||
font-weight: 700; | ||
line-height: 58px; | ||
letter-spacing: 0; | ||
text-align: center; | ||
} | ||
} | ||
|
||
.geolocation { | ||
@include flex-center; | ||
|
||
flex-wrap: wrap; | ||
height: 600px; | ||
width: 1170px; | ||
margin-top: 50px; | ||
margin-bottom: 150px; | ||
|
||
@include devices { | ||
width: 100%; | ||
height: 400px; | ||
} | ||
|
||
@include mobile { | ||
margin-top: 20px; | ||
margin-bottom: 50px; | ||
} | ||
} | ||
|
||
.map { | ||
margin-top: 70px; | ||
|
||
@include mobile { | ||
margin-top: 10px; | ||
} | ||
} | ||
|
||
.box { | ||
@include flex-center; | ||
|
||
width: 1120px; | ||
height: 502px; | ||
border-radius: 10px; | ||
|
||
@include tablet { | ||
width: 700px; | ||
height: 300px; | ||
} | ||
|
||
@include mobile { | ||
width: 300px; | ||
height: 200px; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,25 @@ | ||
import React from 'react' | ||
|
||
import { TitleBlock } from 'src/components/atoms/TitleBlock' | ||
|
||
import css from './Geolocation.styles.module.scss' | ||
|
||
export const Geolocation = () => { | ||
return ( | ||
<div className={css.geolocation}> | ||
<TitleBlock | ||
className={css.titleBlock} | ||
simpleClassName={css.titleText} | ||
highlightClassName={css.titleText} | ||
simpleText="Где мы" | ||
highlightText="находимся" | ||
/> | ||
<section className={css.map}> | ||
<iframe | ||
className={css.box} | ||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d543.1525599097694!2d40.96989692923843!3d57.006858498806714!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x414d1437a4efb02f%3A0x67dea4da8a94f68c!2z0YPQuy4g0JbQuNC00LXQu9C10LLQsCwgMSwg0JjQstCw0L3QvtCy0L4sINCY0LLQsNC90L7QstGB0LrQsNGPINC-0LHQuy4sIDE1MzAwMg!5e0!3m2!1sru!2sru!4v1648190412217!5m2!1sru!2sru" | ||
/> | ||
</section> | ||
</div> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
export * from './Geolocation' |