argo-cd

1
@import 'node_modules/argo-ui/src/styles/config';
2
@import 'node_modules/argo-ui/src/styles/theme';
3
@import '../../config.scss';
4

5
.theme-light,
6
.theme-dark {
7
    height: 100%;
8
    display: flex;
9
}
10

11
.cd-layout {
12
    display: flex;
13
    height: 100%;
14
    width: 100%;
15
    @include themify($themes) {
16
        background-color: themed('background-1');
17
    }
18
    &__loader {
19
        @include themify($themes) {
20
            background-color: themed('layout-loader-bg');
21
        }
22
        position: fixed;
23
        left: 0;
24
        top: 0;
25
        right: 0;
26
        bottom: 0;
27
        z-index: 999999;
28

29
        .loader-inner {
30
            left: 50%;
31
            position: absolute;
32
            bottom: 50%;
33
            transform: translateX(-50%) translateY(-50%);
34
            & > div {
35
                background: #f07a51;
36
            }
37
        }
38
    }
39

40
    &__content {
41
        width: 100%;
42
    }
43

44
    &--extension {
45
        .cd-layout__content--sb-expanded {
46
            padding-left: $sidebar-width;
47
        }
48

49
        .cd-layout__content--sb-collapsed {
50
            padding-left: $collapsed-sidebar-width;
51
        }
52
    }
53
}
54