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