2022-08-26 16:27:29 +03:00
|
|
|
.users {
|
|
|
|
width: 100%;
|
|
|
|
padding: 20px;
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 1fr 1fr 1fr 1fr;
|
|
|
|
gap: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-box {
|
|
|
|
width: 100%;
|
|
|
|
padding: 20px;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
2022-08-31 18:11:54 +03:00
|
|
|
box-shadow: 0 0 5px 0 var(--box-shadow);
|
2022-08-27 14:08:28 +03:00
|
|
|
max-width:500px;
|
2022-08-26 16:27:29 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.user-box-title {
|
|
|
|
padding: 10px;
|
|
|
|
margin: 8px;
|
|
|
|
font-weight: 500;
|
2022-08-31 19:16:43 +03:00
|
|
|
|
2022-08-26 16:27:29 +03:00
|
|
|
}
|
2022-08-31 19:16:43 +03:00
|
|
|
.user-box-title>a{
|
|
|
|
color: var(--reaction-hover);
|
2022-08-26 16:27:29 +03:00
|
|
|
|
2022-08-31 19:16:43 +03:00
|
|
|
}
|
2022-08-26 16:27:29 +03:00
|
|
|
.user-box-title>span {
|
2022-08-31 18:14:21 +03:00
|
|
|
color: var(--important);
|
2022-08-26 16:27:29 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.user-box-img {
|
|
|
|
width: 80px;
|
|
|
|
height: 80px;
|
2022-08-27 14:08:28 +03:00
|
|
|
margin: auto;
|
2022-08-26 16:27:29 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 992px) {
|
|
|
|
.users {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-box {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
}
|