Mirror of https://github.com/roostorg/osprey
github.com/roostorg/osprey
1.viewContainer {
2 height: 100%;
3 width: 100%;
4 max-height: calc(100vh - 42px);
5 background-color: var(--background-primary);
6 display: flex;
7 overflow: hidden;
8}
9
10.content {
11 width: 100%;
12 max-width: 1300px;
13 display: flex;
14 margin: 0 auto;
15}
16
17.header {
18 padding: 14px;
19 border-bottom: 1px var(--divider) solid;
20 display: flex;
21 flex-direction: row;
22 justify-content: space-between;
23 align-items: center;
24}
25
26.queryHistoryContainer {
27 max-height: 100%;
28 width: 70%;
29 flex-grow: 1;
30 background-color: var(--background-primary);
31 border-left: 1px solid var(--divider);
32 border-right: 1px solid var(--divider);
33 display: flex;
34 flex-direction: column;
35}
36
37.compactSavedQueriesContainer {
38 display: flex;
39 flex-direction: column;
40 justify-content: space-between;
41 height: 500px;
42 width: 30%;
43 margin: 16px;
44 border: 1px solid var(--divider);
45 border-radius: 8px;
46}
47
48.compactHeader {
49 height: 40px;
50 padding: 8px;
51 display: flex;
52 align-items: center;
53 background-color: var(--background-secondary);
54 border-bottom: 1px solid var(--divider);
55}
56
57.footer {
58 height: 40px;
59 flex-shrink: 0;
60 display: flex;
61 align-items: center;
62 justify-content: center;
63 background-color: var(--background-secondary-alt);
64 border-top: 1px solid var(--divider);
65}
66
67.viewDetailButton:hover {
68 background-color: transparent;
69}
70
71.viewDetailButton:hover {
72 background-color: transparent;
73}