ui/app/components/error-message/index.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

.error-message {
  min-height: 32px;
  border: 1px solid $monzo;
  color: $monzo;
  background: lighten($monzo, 56%);
  border-radius: 4px;
  font-size: .75rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 16px;

  &__icon {
    margin-right: 8px;
    flex: 0 0 auto;
  }

  &__text {
    overflow: auto;
  }
}