Last change
on this file since bc20307 was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 3 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
2.0 KB
|
Line | |
---|
1 | import styled from 'styled-components';
|
---|
2 | import { MenuItem, Select } from '@mui/material';
|
---|
3 |
|
---|
4 | export const Wrapper = styled.div`
|
---|
5 | display: flex;
|
---|
6 | flex-direction: column;
|
---|
7 | align-items: center;
|
---|
8 | width: 100%;
|
---|
9 | min-height: 100%;
|
---|
10 | max-width: 500px;
|
---|
11 | position: relative;
|
---|
12 | `;
|
---|
13 |
|
---|
14 | export const GoogleMapsWrapper = styled.div`
|
---|
15 | height: 40vh;
|
---|
16 | width: 100%;
|
---|
17 | margin-bottom: 10px;
|
---|
18 | > div {
|
---|
19 | padding: 0;
|
---|
20 | height: 100%;
|
---|
21 | border-radius: 15px;
|
---|
22 | }
|
---|
23 | `;
|
---|
24 |
|
---|
25 | export const ZoneSelectInput = styled(Select).attrs({})`
|
---|
26 | text-align: center;
|
---|
27 | position: relative;
|
---|
28 | width: 49%;
|
---|
29 | color: white;
|
---|
30 | #mui-component-select-zone {
|
---|
31 | font-size: 1.5rem;
|
---|
32 | padding: 16.5px 30px 16.5px 10px;
|
---|
33 | color: white !important;
|
---|
34 | font-size: 1.2rem;
|
---|
35 |
|
---|
36 | ::placeholder {
|
---|
37 | opacity: 0.6;
|
---|
38 | }
|
---|
39 | :disabled {
|
---|
40 | -webkit-text-fill-color: white;
|
---|
41 | }
|
---|
42 | }
|
---|
43 | svg {
|
---|
44 | right: 10px;
|
---|
45 | color: white !important;
|
---|
46 | }
|
---|
47 | fieldset {
|
---|
48 | border: 0;
|
---|
49 | border-bottom: 4px solid white !important;
|
---|
50 | border-radius: 25px;
|
---|
51 | padding: 0 10px;
|
---|
52 | }
|
---|
53 | `;
|
---|
54 |
|
---|
55 | export const DropdownItem = styled(MenuItem).attrs({})`
|
---|
56 | justify-content: center;
|
---|
57 | border-top: 1px solid grey;
|
---|
58 | :first-of-type {
|
---|
59 | border: 0;
|
---|
60 | }
|
---|
61 | `;
|
---|
62 |
|
---|
63 | export const FreeParkingSpacesText = styled.p`
|
---|
64 | font-size: 1.5rem;
|
---|
65 | font-weight: 600;
|
---|
66 | color: ${(props) => props.theme.palette.primary.light};
|
---|
67 | margin: 0;
|
---|
68 | top: 5px;
|
---|
69 | position: absolute;
|
---|
70 | margin: auto;
|
---|
71 | z-index: 100;
|
---|
72 | `;
|
---|
73 |
|
---|
74 | export const ZoneInfoWrapper = styled.div`
|
---|
75 | display: flex;
|
---|
76 | flex-direction: row;
|
---|
77 | justify-content: space-between;
|
---|
78 | width: 80%;
|
---|
79 | margin-top: 20px;
|
---|
80 | color: whiteSmoke;
|
---|
81 | `;
|
---|
82 |
|
---|
83 | export const KeyValueWrapper = styled.div`
|
---|
84 | display: flex;
|
---|
85 | flex-direction: column;
|
---|
86 | align-items: center;
|
---|
87 | `;
|
---|
88 |
|
---|
89 | export const Key = styled.p`
|
---|
90 | margin: 0;
|
---|
91 | margin-bottom: 5px;
|
---|
92 | font-size: 1.25rem;
|
---|
93 | `;
|
---|
94 |
|
---|
95 | export const Value = styled.h3`
|
---|
96 | margin: 0;
|
---|
97 | font-size: 1.375rem;
|
---|
98 | font-weight: 600;
|
---|
99 | `;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.