blob: c0dc41f127229eac35cd52582aaa9a0ae425c4a7 (
plain) (
tree)
|
|
@import '_variables';
@import '_mixins';
.create-button {
@include create-button;
}
::ng-deep .action-button {
&.action-button-edit {
margin-right: 10px;
}
}
.video-channel {
@include row-blocks;
padding-bottom: 0;
img {
@include avatar(80px);
margin-right: 10px;
}
.video-channel-info {
flex-grow: 1;
a.video-channel-names {
@include disable-default-a-behaviour;
width: fit-content;
display: flex;
align-items: baseline;
color: var(--mainForegroundColor);
.video-channel-display-name {
font-weight: $font-semibold;
font-size: 18px;
}
.video-channel-name {
font-size: 14px;
color: $grey-actor-name;
margin-left: 5px;
}
.video-channel-followers {
}
}
}
.video-channel-buttons {
min-width: 190px;
}
}
.video-channels-header {
text-align: right;
margin: 20px 0 50px;
}
::ng-deep .chartjs-render-monitor {
position: relative;
top: 1px;
}
@media screen and (max-width: $small-view) {
.video-channels-header {
text-align: center;
}
.video-channel {
.video-channel-names {
flex-direction: column;
align-items: center !important;
}
img {
margin-right: 0;
}
.video-channel-buttons {
margin-top: 10px;
}
}
}
|