client/src/app/+admin/plugins/shared/plugin-list.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .plugin {
   5   margin: 15px 0;
   6   background-color: pvar(--submenuColor);
   7 }
   8
   9 .first-row {
  10   display: flex;
  11   align-items: center;
  12   margin-bottom: 10px;
  13
  14   .plugin-name {
  15     font-size: 16px;
  16     margin-right: 10px;
  17     font-weight: $font-semibold;
  18   }
  19
  20   .plugin-version {
  21     opacity: 0.6;
  22   }
  23
  24   .plugin-icon {
  25     margin-left: 10px;
  26
  27     my-global-icon {
  28       @include apply-svg-color(pvar(--greyForegroundColor));
  29
  30       &[iconName="npm"] {
  31         @include fill-svg-color(pvar(--greyForegroundColor));
  32       }
  33     }
  34   }
  35
  36   .buttons {
  37     margin-left: auto;
  38     width: max-content;
  39     > *:not(:last-child) {
  40       margin-right: 10px;
  41     }
  42   }
  43 }
  44
  45 .second-row {
  46   display: grid;
  47   grid-template-columns: 1fr auto;
  48   align-items: center;
  49   justify-content: space-between;
  50
  51   .description {
  52     opacity: 0.8
  53   }
  54 }
  55
  56 .action-button {
  57   @include peertube-button-link;
  58   @include button-with-icon(21px, 0, -2px);
  59 }