client/src/app/+stats/video/video-stats.component.scss

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   3 @use '_nav' as *;
   4
   5 .overall-stats-embed {
   6   display: flex;
   7   justify-content: space-between;
   8 }
   9
  10 .overall-stats {
  11   display: flex;
  12   flex-wrap: wrap;
  13 }
  14
  15 .overall-stats-card {
  16   display: flex;
  17   justify-content: center;
  18   align-items: center;
  19   height: fit-content;
  20   min-height: 100px;
  21   min-width: 200px;
  22   margin-right: 15px;
  23   background-color: pvar(--submenuBackgroundColor);
  24
  25   .label,
  26   .more-info {
  27     font-size: 14px;
  28   }
  29
  30   .label {
  31     color: pvar(--greyForegroundColor);
  32     font-weight: $font-semibold;
  33     opacity: 0.8;
  34   }
  35
  36   .value {
  37     font-size: 24px;
  38     font-weight: $font-semibold;
  39   }
  40 }
  41
  42 my-embed {
  43   display: block;
  44   max-width: 500px;
  45   width: 100%;
  46 }
  47
  48 .tab-content {
  49   margin-top: 15px;
  50 }
  51
  52 .nav-tabs {
  53   @include peertube-nav-tabs($border-width: 2px);
  54 }