]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/shared/shared-main/account/video-avatar-channel.component.scss
Square channel avatar consistency
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / account / video-avatar-channel.component.scss
CommitLineData
dd4f25ee
RK
1@import '_mixins';
2
3.wrapper {
c2caa99b
RK
4 $avatar-size: 35px;
5
6 width: $avatar-size;
7 height: $avatar-size;
dd4f25ee
RK
8 position: relative;
9 margin-right: 5px;
adcf9212 10 margin-bottom: 5px;
dd4f25ee 11
c2caa99b
RK
12 &.avatar-sm {
13 width: 28px;
14 height: 28px;
adcf9212 15 margin-bottom: 3px;
c2caa99b
RK
16 }
17
dd4f25ee
RK
18 a {
19 @include disable-outline;
20 }
21
22 a img {
23 height: 100%;
24 object-fit: cover;
25 position: absolute;
26 top:50%;
27 left:50%;
deb8b9cd
C
28 transform: translate(-50%,-50%);
29
30 &:not(.channel-avatar) {
31 border-radius: 50%;
32 }
dd4f25ee
RK
33 }
34
35 a:nth-of-type(2) img {
36 height: 60%;
37 width: 60%;
e66883b3 38 border: 2px solid pvar(--mainBackgroundColor);
dd4f25ee
RK
39 transform: translateX(15%);
40 position: relative;
e66883b3 41 background-color: pvar(--mainBackgroundColor);
dd4f25ee
RK
42 }
43}