ErrorScreen.scss 1.47 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14
@import 'src/styles/common';

.newTechErrorWrapper {
  padding-top: 10vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.newTechMessage {
  margin-bottom: 3rem;
}

.errorLinkButton {
15 16
  background-color: $blue;
  color: $white;
17 18 19 20 21 22 23 24 25 26 27 28
  font-weight: $bold;
  padding: 8px 18px;
  border-radius: 4px;
}

.generalErrorScreen {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.generalErrorHeader {
29
  justify-content: flex-start;
30 31 32
  flex: 0 0 auto;
}

33 34 35 36
.generalErrorTopMessage {
  font-weight: bold;
}

37 38 39 40 41
.generalErrorBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
42 43 44 45 46 47 48 49 50
  padding-top: 100px;
}

.generalErrorBottomMessage {
  font-size: 12px;
}

.reloadButton {
  padding-top: 40px;
51 52
}

53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
.moreOptions {
  padding: 50px 0 20px 0;
}
.resetOption {
  color: $red;
  button {
    margin-top: 24px;
  }
}
.generalErrorImage {
  display: flex;
  font-size: 12px;

  .vennCircle {
    display: flex;
    width: 195px;
    height: 195px;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(183, 192, 200, 0.24);
    position: relative;
74 75
  }

76 77 78
  .vennCircleLeft {
    left: 32px;
    text-align: right;
79

80 81 82
    span {
      margin-right: 83px;
      margin-left: 30px;
83 84 85
    }
  }

86 87 88 89 90 91 92 93 94 95 96 97 98 99 100
  .vennCircleRight {
    right: 32px;
    text-align: left;
    span {
      margin-right: 15px;
      margin-left: 30px;
    }
  }
  
  .infoIcon {
    padding-left: 19px;
    svg {
      fill: $red;
      width: 24px;
      height: 24px;
101 102 103
    }
  }
}