client/src/app/+admin/system/logs/logs.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .logs {
   5   font-family: monospace;
   6   font-size: 13px;
   7   max-height: 500px;
   8   overflow-y: auto;
   9   background: rgba(0, 0, 0, 0.03);
  10   padding: 20px;
  11
  12   .log-row {
  13     margin-top: 1px;
  14     word-break: break-word;
  15
  16     &:hover {
  17       background: rgba(0, 0, 0, 0.07);
  18     }
  19   }
  20
  21   .log-level {
  22     @include margin-right(5px);
  23
  24     font-weight: $font-semibold;
  25   }
  26
  27   .log-by {
  28     margin: 0 5px;
  29   }
  30
  31   .warn {
  32     color: pvar(--mainColor);
  33   }
  34
  35   .error {
  36     color: $red;
  37   }
  38
  39   pre {
  40     margin-bottom: 5px;
  41     white-space: pre-wrap;
  42     word-wrap: break-word;
  43   }
  44 }
  45
  46 .header {
  47   display: flex;
  48   justify-content: flex-end;
  49   margin-bottom: 10px;
  50
  51   .peertube-select-container {
  52     @include peertube-select-container(150px);
  53   }
  54
  55   > * {
  56     @include margin-left(10px);
  57   }
  58 }
  59
  60 .level-choice {
  61   font-size: 80%;
  62   vertical-align: text-top;
  63
  64   &.debug {
  65     color: rgb(197, 197, 197);
  66   }
  67
  68   &.info {
  69     color: rgb(136, 204, 247);
  70   }
  71
  72   &.warn {
  73     color: rgb(252, 166, 7);
  74   }
  75
  76   &.error {
  77     color: rgb(250, 5, 5);
  78   }
  79
  80 }
  81
  82 @include on-small-main-col {
  83   .header {
  84     flex-direction: column;
  85
  86     .peertube-select-container,
  87     ng-select,
  88     my-button {
  89       @include margin-left(0 !important);
  90
  91       width: 100% !important;
  92       margin-bottom: 10px !important;
  93     }
  94
  95     my-button {
  96       text-align: center;
  97     }
  98   }
  99 }