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: pvar(--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   ng-select {
  57     margin-left: 10px;
  58   }
  59 }
  60
  61 @media screen and (max-width: $small-view) {
  62   .header {
  63     flex-direction: column;
  64
  65     .peertube-select-container,
  66     ng-select,
  67     my-button {
  68       width: 100% !important;
  69       margin-left: 0 !important;
  70       margin-bottom: 10px !important;
  71     }
  72
  73     my-button {
  74       text-align: center;
  75     }
  76   }
  77 }
  78
  79 @media screen and (max-width: #{$small-view + $menu-width}) {
  80   :host-context(.main-col:not(.expanded)) {
  81     .header {
  82       flex-direction: column;
  83
  84       .peertube-select-container,
  85       ng-select,
  86       my-button {
  87         width: 100% !important;
  88         margin-left: 0 !important;
  89         margin-bottom: 10px !important;
  90       }
  91
  92       my-button {
  93         text-align: center;
  94       }
  95     }
  96   }
  97 }