client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3
   4 .actor {
   5   display: flex;
   6
   7   my-actor-avatar {
   8     @include margin-right(15px);
   9   }
  10
  11   .actor-info {
  12     display: inline-flex;
  13     flex-direction: column;
  14
  15     .actor-info-display-name {
  16       @include peertube-word-wrap;
  17
  18       font-size: 20px;
  19       font-weight: $font-bold;
  20
  21       @media screen and (max-width: $small-view) {
  22         font-size: 16px;
  23       }
  24     }
  25
  26     .actor-info-username {
  27       position: relative;
  28       font-size: 14px;
  29       color: pvar(--greyForegroundColor);
  30     }
  31
  32     .actor-info-followers {
  33       font-size: 15px;
  34       padding-bottom: .5rem;
  35     }
  36   }
  37 }
  38
  39 .actor-img-edit-container {
  40   position: relative;
  41   width: 0;
  42 }
  43
  44 .actor-img-edit-button {
  45   top: 55px;
  46   right: 45px;
  47   border-radius: 50%;
  48 }