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

   1 @use '_variables';
   2 @use '_mixins';
   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-button,
  56   .peertube-select-container,
  57   ng-select {
  58     @include margin-left(10px);
  59   }
  60 }
  61
  62 @media screen and (max-width: $small-view) {
  63   .header {
  64     flex-direction: column;
  65
  66     .peertube-select-container,
  67     ng-select,
  68     my-button {
  69       @include margin-left(0 !important);
  70
  71       width: 100% !important;
  72       margin-bottom: 10px !important;
  73     }
  74
  75     my-button {
  76       text-align: center;
  77     }
  78   }
  79 }
  80
  81 @media screen and (max-width: #{$small-view + $menu-width}) {
  82   :host-context(.main-col:not(.expanded)) {
  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   }
 100 }