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