source: sources/client/src/components/GoogleMaps/styles.js@ bc20307

Last change on this file since bc20307 was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 2 years ago

Push before video

  • Property mode set to 100644
File size: 645 bytes
Line 
1import styled from 'styled-components';
2import { mobile_max_width } from '../../config/utilities';
3
4export 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
14export 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.