app/assets/stylesheets/pages/clusters.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

.clusters-container {
  .empty-state .svg-content {
    @include gl-pb-0;

    img {
      width: 100px;
    }
  }

  .agents-empty-state {
    .text-content {
      @include gl-max-w-full;
      @include media-breakpoint-up(lg) {
        max-width: 70%;
      }
    }

    .gl-alert-actions {
      @include gl-mt-0;
      @include gl-flex-wrap;
    }
  }

  .gl-card-body {
    @include media-breakpoint-up(sm) {
      @include gl-pt-2;
      min-height: 372px;
    }
  }

  @include media-breakpoint-down(xs) {
    .nav-controls {
      @include gl-w-full;
      order: -1;

      .gl-new-dropdown,
      .split-content-button {
        @include gl-w-full;
      }
    }
  }
}