aswi20220x00-gitlab/webapp/styles/MainLayout.module.scss @ a4b7eec8
1 | c73aecde | Dominik Poch | .layoutWrapper { |
---|---|---|---|
2 | 06d1aa21 | Jaroslav Hrubý | background-color: #ffffff; |
3 | ce63b2ab | Dominik Poch | display: grid; |
4 | |||
5 | grid: |
||
6 | 8c45ccb0 | hrubyjar | [header-start] 'header' 50px [header-end] |
7 | 6a250c18 | Lukáš Vlček | [main-start] 'content' [main-end]; |
8 | ce63b2ab | Dominik Poch | |
9 | place-items: stretch; |
||
10 | place-content: stretch; |
||
11 | |||
12 | width: 100vw; |
||
13 | height: 100vh; |
||
14 | |||
15 | 6a250c18 | Lukáš Vlček | gap: 0; |
16 | background-color: dimgray; |
||
17 | ce63b2ab | Dominik Poch | }
|
18 | |||
19 | .header { |
||
20 | grid-area: header; |
||
21 | }
|
||
22 | |||
23 | .content { |
||
24 | grid-area: content; |
||
25 | c73aecde | Dominik Poch | overflow-y: hidden; |
26 | 6a250c18 | Lukáš Vlček | padding: 20px; |
27 | background-color: white; |
||
28 | margin: 8px; |
||
29 | border-radius: 6px; |
||
30 | |||
31 | -webkit-box-shadow: 5px 5px 5px 5px rgba(138,138,138,0.75); |
||
32 | box-shadow: 5px 5px 5px 5px rgba(138,138,138,0.75); |
||
33 | }
|
||
34 | |||
35 | .contentAnnotator { |
||
36 | grid-area: content; |
||
37 | //@extend .content;
|
||
38 | margin: 8px; |
||
39 | |||
40 | padding: 0; |
||
41 | overflow-y: hidden; |
||
42 | ce63b2ab | Dominik Poch | }
|
43 | |||
44 | .footer { |
||
45 | grid-area: footer; |
||
46 | }
|