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