Mirror of https://github.com/roostorg/osprey
github.com/roostorg/osprey
1.queryView {
2 width: 100%;
3 background-color: var(--background-secondary);
4 display: flex;
5 flex-direction: row;
6 margin: 0 auto;
7 flex-grow: 1;
8}
9
10.datePickerBar {
11 display: flex;
12 align-items: center;
13 background-color: var(--background-secondary);
14 overflow: hidden;
15 transition: 0.2s ease all;
16}
17
18.datePickerBarShown {
19 composes: datePickerBar;
20 height: 42px;
21 padding: 8px 16px;
22 border-bottom: 2px solid var(--divider);
23}
24
25.datePickerBarHidden {
26 composes: datePickerBar;
27 height: 0;
28}
29
30.charts {
31 display: flex;
32 flex-grow: 1;
33}
34
35.pageContentLeft {
36 width: 420px;
37 max-width: 420px;
38 min-width: 420px;
39 max-height: calc(100vh - 42px);
40 border-right: 2px solid var(--divider);
41 flex-grow: 1;
42 position: sticky;
43 top: 42px;
44 display: flex;
45 flex-direction: column;
46 background-color: var(--background-secondary-alt);
47}
48
49.pageContentRight {
50 width: 80%;
51 flex-grow: 1;
52 display: flex;
53 flex-direction: column;
54}
55
56.chartsLeft {
57 min-width: 500px;
58 width: 40%;
59 display: flex;
60 flex-direction: column;
61 border-right: 2px solid var(--divider);
62}
63
64.chartsRight {
65 flex-grow: 1;
66 display: flex;
67 flex-direction: column;
68}
69
70.pageContentLeft > :global(.ant-menu) {
71 background-color: inherit;
72}