projects
/
oweals
/
peertube.git
/ blob
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
history
|
raw
|
HEAD
`fitWidth` for `video-miniature`, fluid grid (#2830)
[oweals/peertube.git]
/
client
/
src
/
app
/
shared
/
channel
/
avatar.component.scss
1
@import '_mixins';
2
3
.wrapper {
4
$avatar-size: 35px;
5
6
width: $avatar-size;
7
height: $avatar-size;
8
position: relative;
9
margin-right: 5px;
10
11
&.avatar-sm {
12
width: 28px;
13
height: 28px;
14
}
15
16
a {
17
@include disable-outline;
18
}
19
20
a img {
21
height: 100%;
22
object-fit: cover;
23
position: absolute;
24
top:50%;
25
left:50%;
26
border-radius: 50%;
27
transform: translate(-50%,-50%)
28
}
29
30
a:nth-of-type(2) img {
31
height: 60%;
32
width: 60%;
33
border: 2px solid pvar(--mainBackgroundColor);
34
transform: translateX(15%);
35
position: relative;
36
background-color: pvar(--mainBackgroundColor);
37
}
38
}