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   my-select-tags {
  56     min-width: 250px;
  57     max-width: 400px;
  58   }
  59
  60   > * {
  61     @include margin-left(10px);
  62   }
  63 }
  64
  65 .level-choice {
  66   font-size: 80%;
  67   vertical-align: text-top;
  68
  69   &.debug {
  70     color: rgb(197, 197, 197);
  71   }
  72
  73   &.info {
  74     color: rgb(136, 204, 247);
  75   }
  76
  77   &.warn {
  78     color: rgb(252, 166, 7);
  79   }
  80
  81   &.error {
  82     color: rgb(250, 5, 5);
  83   }
  84
  85 }
  86
  87 @include on-small-main-col {
  88   .header {
  89     flex-direction: column;
  90
  91     .peertube-select-container,
  92     ng-select,
  93     my-button {
  94       @include margin-left(0 !important);
  95
  96       width: 100% !important;
  97       margin-bottom: 10px !important;
  98     }
  99
 100     my-button {
 101       text-align: center;
 102     }
 103   }
 104 }