Last change
on this file was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 2 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
645 bytes
|
Rev | Line | |
---|
[3a58bd6] | 1 | import styled from 'styled-components';
|
---|
[bc20307] | 2 | import { mobile_max_width } from '../../config/utilities';
|
---|
[3a58bd6] | 3 |
|
---|
| 4 | export const Wrapper = styled.div`
|
---|
[bc20307] | 5 | width: 100%;
|
---|
| 6 | height: 69vh;
|
---|
| 7 | padding: 0 4vh;
|
---|
| 8 |
|
---|
| 9 | @media (max-width: ${mobile_max_width}px) {
|
---|
| 10 | height: 50vh;
|
---|
| 11 | }
|
---|
[3a58bd6] | 12 | `;
|
---|
| 13 |
|
---|
| 14 | export const Marker = styled.div`
|
---|
| 15 | color: white;
|
---|
| 16 | width: 30px;
|
---|
| 17 | height: 25px;
|
---|
| 18 | background-color: ${(props) =>
|
---|
[bc20307] | 19 | props.$isTaken
|
---|
| 20 | ? `${props.theme.palette.error.main}`
|
---|
| 21 | : `${props.theme.palette.success.light}`}};
|
---|
[3a58bd6] | 22 | display: inline-flex;
|
---|
| 23 | align-items: center;
|
---|
| 24 | justify-content: center;
|
---|
| 25 | border-radius: 100%;
|
---|
[bc20307] | 26 | transform: translate(-50%, -100%);
|
---|
[3a58bd6] | 27 | `;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.