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:
1.7 KB
|
Rev | Line | |
---|
[3a58bd6] | 1 | import styled from 'styled-components';
|
---|
| 2 | import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
|
---|
| 3 | import Button from '@mui/material/Button';
|
---|
[bc20307] | 4 | import { mobile_max_width } from '../../../../config/utilities';
|
---|
[3a58bd6] | 5 |
|
---|
| 6 | export const Wrapper = styled.div`
|
---|
| 7 | display: flex;
|
---|
| 8 | flex-direction: row;
|
---|
| 9 | justify-content: space-between;
|
---|
| 10 | align-items: center;
|
---|
| 11 | width: 100%;
|
---|
| 12 | height: 110px;
|
---|
| 13 | padding: 10px 30px;
|
---|
| 14 | border-radius: 50px;
|
---|
| 15 | color: white;
|
---|
| 16 | font-size: 1rem;
|
---|
| 17 | box-shadow: 0 10px 5px -2px ${(props) => props.theme.palette.background.shadow};
|
---|
[bc20307] | 18 |
|
---|
| 19 | @media (max-width: ${mobile_max_width}px) {
|
---|
| 20 | height: 350px;
|
---|
| 21 | border-radius: 100px;
|
---|
| 22 | flex-direction: column;
|
---|
| 23 | }
|
---|
[3a58bd6] | 24 | `;
|
---|
| 25 |
|
---|
| 26 | export const SessionChildWrapper = styled.div`
|
---|
| 27 | display: flex;
|
---|
| 28 | flex-direction: column;
|
---|
[bc20307] | 29 |
|
---|
| 30 | @media (max-width: ${mobile_max_width}px) {
|
---|
| 31 | margin-top: 15px;
|
---|
| 32 | :last-of-type {
|
---|
| 33 | margin-top: 30px;
|
---|
| 34 | }
|
---|
| 35 | }
|
---|
[3a58bd6] | 36 | `;
|
---|
| 37 |
|
---|
| 38 | export const SessionChildTitle = styled.p`
|
---|
| 39 | text-align: center;
|
---|
| 40 | margin: 0;
|
---|
| 41 | margin-bottom: 5px;
|
---|
| 42 | `;
|
---|
| 43 |
|
---|
| 44 | export const SeessionChildData = styled.p`
|
---|
| 45 | text-align: center;
|
---|
| 46 | margin: 0;
|
---|
| 47 | font-weight: 600;
|
---|
| 48 | font-size: 1.1rem;
|
---|
| 49 | `;
|
---|
| 50 |
|
---|
| 51 | export const InputAndCheckIconWrapper = styled.div`
|
---|
| 52 | position: relative;
|
---|
| 53 |
|
---|
[bc20307] | 54 | button,
|
---|
| 55 | > div {
|
---|
[3a58bd6] | 56 | padding: 0;
|
---|
| 57 | position: absolute;
|
---|
| 58 | right: -40px;
|
---|
| 59 | }
|
---|
| 60 | `;
|
---|
| 61 |
|
---|
| 62 | export const ParkingSpaceNumberInput = styled.input`
|
---|
| 63 | width: 100px;
|
---|
| 64 | height: 30px;
|
---|
| 65 | text-align: center;
|
---|
| 66 | `;
|
---|
| 67 |
|
---|
| 68 | export const CheckIcon = styled(CheckCircleOutlineIcon).attrs({
|
---|
| 69 | sx: {
|
---|
| 70 | color: '#2e7d32',
|
---|
| 71 | fontSize: '2rem',
|
---|
| 72 | },
|
---|
| 73 | })``;
|
---|
| 74 |
|
---|
| 75 | export const DeleteButton = styled(Button).attrs((props) => ({
|
---|
| 76 | variant: 'contained',
|
---|
| 77 | size: 'medium',
|
---|
| 78 | sx: {
|
---|
| 79 | backgroundColor: `#ff1919`,
|
---|
| 80 | },
|
---|
| 81 | }))`
|
---|
| 82 | :hover {
|
---|
| 83 | background-color: #e51616;
|
---|
| 84 | }
|
---|
| 85 | `;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.