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