Last change
on this file since 0ad69c1 was 3a58bd6, checked in by Viktor <39170279+Tasevski2@…>, 3 years ago |
Added Frontend
|
-
Property mode
set to
100644
|
File size:
1.4 KB
|
Line | |
---|
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.