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

   1 @import '_variables';
   2 @import '_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     font-weight: $font-semibold;
  23     margin-right: 5px;
  24   }
  25
  26   .log-by {
  27     margin: 0 5px;
  28   }
  29
  30   .warn {
  31     color: var(--mainColor);
  32   }
  33
  34   .error {
  35     color: $red;
  36   }
  37
  38   pre {
  39     margin-bottom: 5px;
  40     white-space: pre-wrap;
  41     word-wrap: break-word;
  42   }
  43 }
  44
  45 .header {
  46   display: flex;
  47   justify-content: flex-end;
  48   margin-bottom: 10px;
  49
  50   .peertube-select-container {
  51     @include peertube-select-container(150px);
  52   }
  53
  54   my-button,
  55   .peertube-select-container {
  56     margin-left: 10px;
  57   }
  58 }
  59
  60 @media screen and (max-width: $small-view) {
  61   .header {
  62     flex-direction: column;
  63
  64     .peertube-select-container,
  65     my-button {
  66       width: 100% !important;
  67       margin-left: 0px !important;
  68       margin-bottom: 10px !important;
  69     }
  70
  71     my-button {
  72       text-align: center;
  73     }
  74   }
  75 }
  76
  77 @media screen and (max-width: #{$small-view + $menu-width}) {
  78   :host-context(.main-col:not(.expanded)) {
  79     .header {
  80       flex-direction: column;
  81
  82       .peertube-select-container,
  83       my-button {
  84         width: 100% !important;
  85         margin-left: 0px !important;
  86         margin-bottom: 10px !important;
  87       }
  88
  89       my-button {
  90         text-align: center;
  91       }
  92     }
  93   }
  94 }