Last change
on this file since ad4da86 was 3a58bd6, checked in by Viktor <39170279+Tasevski2@…>, 3 years ago |
Added Frontend
|
-
Property mode
set to
100644
|
File size:
1.4 KB
|
Rev | Line | |
---|
[3a58bd6] | 1 | import styled from 'styled-components';
|
---|
| 2 | import { Typography } from '@mui/material';
|
---|
| 3 |
|
---|
| 4 | export const Wrapper = styled.div`
|
---|
| 5 | display: flex;
|
---|
| 6 | flex-direction: column;
|
---|
| 7 | align-items: center;
|
---|
| 8 | margin: 0;
|
---|
| 9 | padding: 30px 175px 0 175px;
|
---|
| 10 | width: 100%;
|
---|
| 11 | height: 100%;
|
---|
| 12 | `;
|
---|
| 13 |
|
---|
| 14 | export const Title = styled(Typography).attrs({
|
---|
| 15 | variant: 'h3',
|
---|
| 16 | fontSize: '2rem',
|
---|
| 17 | fontWeight: 600,
|
---|
| 18 | })`
|
---|
| 19 | background: -webkit-linear-gradient(#333333, #4cc5a3);
|
---|
| 20 | -webkit-background-clip: text;
|
---|
| 21 | -webkit-text-fill-color: transparent;
|
---|
| 22 | `;
|
---|
| 23 |
|
---|
| 24 | export const StatsWrapper = styled.div`
|
---|
| 25 | display: flex;
|
---|
| 26 | flex-direction: row;
|
---|
| 27 | width: 100%;
|
---|
| 28 | justify-content: space-between;
|
---|
| 29 | margin: 30px 0 10px 0;
|
---|
| 30 | `;
|
---|
| 31 |
|
---|
| 32 | export const Stats = styled.div`
|
---|
| 33 | display: flex;
|
---|
| 34 | flex-direction: column;
|
---|
| 35 | `;
|
---|
| 36 |
|
---|
| 37 | export const KeyValueWrapper = styled.div`
|
---|
| 38 | display: flex;
|
---|
| 39 | flex-direction: row;
|
---|
| 40 | width: 220px;
|
---|
| 41 | justify-content: space-between;
|
---|
| 42 | `;
|
---|
| 43 |
|
---|
| 44 | export const StatsKey = styled.p`
|
---|
| 45 | margin: 0;
|
---|
| 46 | background: -webkit-linear-gradient(#333333, #4cc5a3);
|
---|
| 47 | -webkit-background-clip: text;
|
---|
| 48 | -webkit-text-fill-color: transparent;
|
---|
| 49 | `;
|
---|
| 50 |
|
---|
| 51 | export const StatsValue = styled.p`
|
---|
| 52 | margin: 0;
|
---|
| 53 | font-weight: 600;
|
---|
| 54 | font-size: 1.2rem;
|
---|
| 55 | background: -webkit-linear-gradient(#333333, #4cc5a3);
|
---|
| 56 | -webkit-background-clip: text;
|
---|
| 57 | -webkit-text-fill-color: transparent;
|
---|
| 58 | `;
|
---|
| 59 |
|
---|
| 60 | export const SessionsWrapper = styled.div`
|
---|
| 61 | height: 45vh;
|
---|
| 62 | width: 100%;
|
---|
| 63 | overflow: auto;
|
---|
| 64 | padding-top: 20px;
|
---|
| 65 |
|
---|
| 66 | > div:not(div:first-of-type) {
|
---|
| 67 | margin-top: 24px;
|
---|
| 68 | }
|
---|
| 69 | `;
|
---|
Note:
See
TracBrowser
for help on using the repository browser.