2022-02-17 06:32:18 +01:00
|
|
|
.nitro-group-tab-image {
|
|
|
|
width: 122px;
|
|
|
|
height: 68px;
|
|
|
|
background: url('../../assets/images/groups/creator_images.png') no-repeat;
|
2021-09-03 23:44:58 +02:00
|
|
|
|
2022-02-17 06:32:18 +01:00
|
|
|
&.tab-1 {
|
|
|
|
background-position: 0px 0px;
|
|
|
|
width: 99px;
|
|
|
|
height: 50px;
|
|
|
|
}
|
2021-09-03 23:44:58 +02:00
|
|
|
|
2022-02-17 06:32:18 +01:00
|
|
|
&.tab-2 {
|
|
|
|
background-position: -99px 0px;
|
|
|
|
width: 98px;
|
|
|
|
height: 62px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.tab-3 {
|
|
|
|
background-position: 0px -50px;
|
|
|
|
width: 96px;
|
|
|
|
height: 45px;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.tab-4,
|
|
|
|
&.tab-5 {
|
|
|
|
background-position: 0px -95px;
|
|
|
|
width: 114px;
|
|
|
|
height: 61px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.group-information {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
.group-badge {
|
|
|
|
width: 78px;
|
|
|
|
height: 78px;
|
|
|
|
|
|
|
|
.badge-image {
|
|
|
|
background-size: contain;
|
2021-09-03 23:44:58 +02:00
|
|
|
}
|
2022-02-17 06:32:18 +01:00
|
|
|
}
|
2021-09-03 23:44:58 +02:00
|
|
|
|
2022-02-17 06:32:18 +01:00
|
|
|
.group-description {
|
|
|
|
height: 55px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.nitro-group-information-standalone {
|
|
|
|
width: 500px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nitro-group-members {
|
|
|
|
width: 400px;
|
|
|
|
|
|
|
|
.nitro-group-members-list-grid {
|
|
|
|
|
|
|
|
.member-list-item {
|
|
|
|
height: 50px;
|
|
|
|
max-height: 50px;
|
|
|
|
|
|
|
|
.avatar-head {
|
|
|
|
position: relative;
|
|
|
|
overflow: hidden;
|
|
|
|
width: 40px;
|
|
|
|
height: 50px;
|
|
|
|
|
|
|
|
.avatar-image {
|
|
|
|
position: absolute;
|
|
|
|
left: -25px;
|
|
|
|
top: -20px;
|
|
|
|
}
|
2021-09-03 23:44:58 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-02-24 19:27:20 +01:00
|
|
|
.group-badge-preview {
|
|
|
|
width: 42px;
|
|
|
|
height: 42px;
|
|
|
|
background-color: $grid-bg-color;
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
border-color: $grid-active-border-color !important;
|
|
|
|
background-color: $grid-active-bg-color;
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
position: absolute;
|
|
|
|
content: ' ';
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
border-top: 10px solid white;
|
|
|
|
border-left: 10px solid transparent;
|
|
|
|
border-right: 10px solid transparent;
|
|
|
|
bottom: -10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.group-badge-color-swatch,
|
|
|
|
.group-badge-position-swatch {
|
|
|
|
position: relative;
|
|
|
|
border-radius: $border-radius;
|
|
|
|
width: 16px;
|
|
|
|
height: 16px;
|
|
|
|
background: $white;
|
|
|
|
border: 2px solid $white;
|
|
|
|
box-shadow: inset 3px 3px rgba(0, 0, 0, .1);
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.group-badge-position-swatch {
|
|
|
|
box-shadow: inset 3px 3px rgba(0, 0, 0, .1);
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
background: $primary;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.group-badge-color-swatch {
|
|
|
|
box-shadow: inset 2px 2px rgba(0, 0, 0, .2);
|
|
|
|
}
|
|
|
|
|
2022-02-17 06:32:18 +01:00
|
|
|
.group-color-swatch {
|
|
|
|
width: 30px;
|
|
|
|
height: 40px;
|
|
|
|
}
|
|
|
|
|
2021-09-01 06:02:34 +02:00
|
|
|
@import './views/creator/GroupCreatorView';
|
2021-09-03 23:44:58 +02:00
|
|
|
@import './views/manager/GroupManagerView';
|
2021-08-31 00:53:13 +02:00
|
|
|
@import './views/room-information/GroupRoomInformationView';
|
2022-02-17 06:32:18 +01:00
|
|
|
@import './views/tabs/GroupSharedTabs';
|