client/src/app/+my-account/shared/actor-avatar-info.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .actor {
   5   display: flex;
   6
   7   img {
   8     @include avatar(50px);
   9
  10     margin-right: 15px;
  11   }
  12
  13   .actor-info {
  14     .actor-info-names {
  15       display: flex;
  16       align-items: center;
  17
  18       .actor-info-display-name {
  19         font-size: 20px;
  20         font-weight: $font-bold;
  21
  22         @media screen and (max-width: $small-view) {
  23           font-size: 16px;
  24         }
  25       }
  26
  27       .actor-info-username {
  28         margin-left: 7px;
  29         position: relative;
  30         top: 2px;
  31         font-size: 14px;
  32         color: $grey-actor-name;
  33       }
  34     }
  35
  36     .actor-info-followers {
  37       font-size: 15px;
  38     }
  39   }
  40 }
  41
  42 .button-file {
  43   @include peertube-button-file(160px);
  44
  45   margin-top: 10px;
  46   margin-bottom: 5px;
  47 }
  48
  49 .file-max-size {
  50   display: inline-block;
  51   font-size: 13px;
  52
  53   position: relative;
  54   top: -10px;
  55 }