82 lines
1.4 KiB
CSS
82 lines
1.4 KiB
CSS
.rightBlock {
|
|
width: 100%;
|
|
}
|
|
|
|
.rightBlock > h2 {
|
|
font-size: 29px;
|
|
}
|
|
|
|
.membersContainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
margin-top: 20px;
|
|
max-height: 185px;
|
|
overflow-y: auto;
|
|
padding-right: 5px;
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
|
|
/*.membersContainer::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
.membersContainer::-webkit-scrollbar-track {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.membersContainer::-webkit-scrollbar-thumb {
|
|
background: rgba(255, 0, 0, 0.5);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.membersContainer::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(125, 249, 30, 0.7);
|
|
}*/
|
|
|
|
.memberCard {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 10px;
|
|
flex-shrink: 0;
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
animation: slideInMember 0.5s ease forwards;
|
|
}
|
|
|
|
.memberCard:nth-child(1) { animation-delay: 0s; }
|
|
.memberCard:nth-child(2) { animation-delay: 0.1s; }
|
|
.memberCard:nth-child(3) { animation-delay: 0.2s; }
|
|
|
|
.memberCard p {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.buttonGroup {
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: right;
|
|
}
|
|
|
|
@keyframes slideInMember {
|
|
from { opacity: 0; transform: translateY(20px); }
|
|
to { opacity: 1; transform: translateY(0); }
|
|
}
|
|
|
|
@media screen and (max-width: 760px) {
|
|
.membersContainer {
|
|
max-height: 200px;
|
|
}
|
|
.rightBlock > h2{
|
|
font-size:18px;
|
|
}
|
|
|
|
.memberCard p{
|
|
font-size: 15px;
|
|
}
|
|
}
|