Last change
on this file was bc20307, checked in by Tasevski2 <39170279+Tasevski2@…>, 2 years ago |
Push before video
|
-
Property mode
set to
100644
|
File size:
1.6 KB
|
Rev | Line | |
---|
[3a58bd6] | 1 | import styled from 'styled-components';
|
---|
| 2 | import Grid from '@mui/material/Grid';
|
---|
| 3 | import { Typography } from '@mui/material';
|
---|
[bc20307] | 4 | import { LineProgressBar } from '@frogress/line';
|
---|
| 5 | import { mobile_max_width } from '../../../../config/utilities';
|
---|
[3a58bd6] | 6 |
|
---|
| 7 | export const ParkingZoneWrapper = styled(Grid)`
|
---|
[bc20307] | 8 | height: 350px;
|
---|
| 9 |
|
---|
| 10 | @media (max-width: ${mobile_max_width}px) {
|
---|
| 11 | padding-left: 15px !important;
|
---|
| 12 | padding-right: 15px;
|
---|
| 13 | }
|
---|
[3a58bd6] | 14 | `;
|
---|
| 15 |
|
---|
| 16 | export const Container = styled.div`
|
---|
[bc20307] | 17 | display: flex;
|
---|
| 18 | flex-direction: column;
|
---|
| 19 | align-items: center;
|
---|
| 20 | width: 100%;
|
---|
| 21 | height: 100%;
|
---|
| 22 | box-shadow: 15px 15px 10px ${(props) => props.theme.palette.background.shadow};
|
---|
| 23 | background-color: ${(props) => props.theme.palette.background.white};
|
---|
| 24 | :hover {
|
---|
| 25 | opacity: 0.8;
|
---|
| 26 | cursor: pointer;
|
---|
| 27 | }
|
---|
| 28 | position: relative;
|
---|
[3a58bd6] | 29 | `;
|
---|
| 30 |
|
---|
| 31 | export const ZoneName = styled(Typography).attrs({
|
---|
[bc20307] | 32 | variant: 'h2',
|
---|
[3a58bd6] | 33 | })`
|
---|
[bc20307] | 34 | font-size: 2rem;
|
---|
| 35 | font-weight: 600;
|
---|
| 36 | margin-top: 30px;
|
---|
| 37 | text-align: center;
|
---|
[3a58bd6] | 38 | `;
|
---|
| 39 |
|
---|
| 40 | export const InfoWrapper = styled.div`
|
---|
[bc20307] | 41 | width: 100%;
|
---|
| 42 | margin-top: 20px;
|
---|
| 43 | display: flex;
|
---|
| 44 | flex-direction: column;
|
---|
| 45 | align-items: center;
|
---|
[3a58bd6] | 46 | `;
|
---|
| 47 |
|
---|
| 48 | export const Label = styled(Typography).attrs({
|
---|
[bc20307] | 49 | variant: 'h4',
|
---|
[3a58bd6] | 50 | })`
|
---|
[bc20307] | 51 | font-size: 1rem;
|
---|
| 52 | margin-bottom: 5px;
|
---|
[3a58bd6] | 53 | `;
|
---|
| 54 |
|
---|
| 55 | export const Value = styled(Typography).attrs({
|
---|
[bc20307] | 56 | variant: 'h3',
|
---|
[3a58bd6] | 57 | })`
|
---|
[bc20307] | 58 | font-size: 1.25rem;
|
---|
| 59 | font-weight: 600;
|
---|
| 60 | margin-top: 5px;
|
---|
[3a58bd6] | 61 | `;
|
---|
| 62 |
|
---|
[bc20307] | 63 | export const ProgressBar = styled(LineProgressBar).attrs((props) => ({
|
---|
| 64 | stripe: true,
|
---|
| 65 | progressColor: props.theme.palette.primary.main,
|
---|
| 66 | height: '30px',
|
---|
[3a58bd6] | 67 | }))`
|
---|
[bc20307] | 68 | position: absolute;
|
---|
| 69 | bottom: 5px;
|
---|
[3a58bd6] | 70 | `;
|
---|
| 71 |
|
---|
| 72 | export const ProgressBarLabel = styled.p`
|
---|
[bc20307] | 73 | margin: 0 0 0 42.5%;
|
---|
| 74 | line-height: 30px;
|
---|
| 75 | position: absolute;
|
---|
| 76 | font-weight: 500;
|
---|
[3a58bd6] | 77 | `;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.